/*--------------------------------------------------------------
>>> STYLE DU SITE
----------------------------------------------------------------


font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
font-family: 'Montserrat', 'Helvetica', Arial, sans-serif;

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



/*--------------------------------------------------------------
1.0 - Page
--------------------------------------------------------------*/
html {

}

body {
	line-height:22px;
	margin:0;
	padding:0;
	background:#e9e7e9;
	/*background:url(../images/bg.gif) repeat fixed;*/
}

@media screen and (min-width: 940px) {
	div.wrapper {
		position:relative;
		width:940px;
		padding:0 15px;
		margin:0 auto;
	}
}

@media screen and (max-width: 939px) {
	div.wrapper {
		position:relative;
		width:100%;
		padding:0 15px;
		margin:0 auto;
	}
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #d6a126;
}

::selection {
    color: #fff; 
    background: #d6a126;
}


/*--------------------------------------------------------------
2.0 - Entête
--------------------------------------------------------------*/

header.main {
	position:relative;
	width:100%;
	height:597px;
	border-bottom:1px solid #101010;
}

header.interne {
	position:relative;
	width:100%;
	height:284px;
	border-bottom:1px solid #101010;
}

#topHeader {
	position:relative;
	width:100%;
	height:46px;
	background:#2b2d2d;
}
#topHeader.fixed {
    margin-bottom:90px;
}


#topHeader #top_ln {
	position:absolute;
	width:102px;
	height:100%;
	left:15px;
}

#lang_sel_list ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
}

#topHeader #top_ln li {
	display:block;
	width:24px;
	height:23px;
	overflow:hidden;
	float:left;
	margin: 10px 3px;
	text-indent:-9999px;
}

#topHeader #top_ln li a {
	display:block;
	width:24px;
	height:23px;
	overflow:hidden;
	cursor:pointer;
}

#topHeader #top_ln a.first-flag {
	margin:10px 3px 10px 0!important;
}

#topHeader #top_ln a.lang_fr, #topHeader #top_ln ul li.icl-fr a {
	background:url(../images/lang_fr.png) no-repeat;
		background-position:0 -23px;
}

#topHeader #top_ln a.lang_en, #topHeader #top_ln ul li.icl-en a {
	background:url(../images/lang_en.png) no-repeat;
		background-position:0 -23px;
}

#topHeader #top_ln a.lang_es, #topHeader #top_ln ul li.icl-es a {
	background:url(../images/lang_es.png) no-repeat;
		background-position:0 -23px;
}

.lang_sel_sel  {
	background-position:0 0!important;
}

#topHeader #top_ln ul li a:hover {
	background-position:0 0;
}

#topHeader .top_boutons {
	position: absolute;
	width: 75%;
	right: 0;
}

@media (min-width:200px) and (max-width:512px) {
	#topHeader #top_login {
		position: absolute;
		height: 100px;
		width: auto;
	}

	#topHeader #top_login a {
		display:block;
		width:120px;
		color:#161616;
		font-size:11px;
		font-family:'Arimo', 'Helvetica', 'Arial', sans-serif;
		text-align:center;
		height:23px;
		margin:10px 3px;
		background:#6d676d;
		text-decoration:none;
		float:left;
	}

	.no_show_mobile {
		display:none!important;
	}
}

@media (min-width:513px) and (max-width:767px) {
	#topHeader #top_login {
		position: absolute;
		right: 96px;
		height: 100px;
		width: 290px;
	}

	#topHeader #top_login a {
		display:block;
		width:136px;
		color:#161616;
		font-size:11px;
		font-family:'Arimo', 'Helvetica', 'Arial', sans-serif;
		text-align:center;
		height:23px;
		margin:10px 3px;
		background:#6d676d;
		text-decoration:none;
		float:left;
	}	
}

@media (min-width:768px) {
	#topHeader #top_login {
		position: absolute;
		right: 96px;
		height: 100px;
		width: 290px;
	}

	#topHeader #top_login a {
		display:block;
		width:136px;
		color:#161616;
		font-size:11px;
		font-family:'Arimo', 'Helvetica', 'Arial', sans-serif;
		text-align:center;
		height:23px;
		margin:10px 3px;
		background:#6d676d;
		text-decoration:none;
		float:left;
	}

}





#topHeader #top_login a:hover {
	color:#202020;
	background:#7d777d;
}

#topHeader #top_social {
	position: absolute;
	width: 102px;
	height: 100%;
	right: 0;
}

#topHeader #top_social a, .ico_footer a {
	display:block;
	width:24px;
	height:23px;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin: 10px 3px;
	text-indent:-9999px;
}

#topHeader #top_social a.last-ico {
	margin:10px 0px 10px 3px!important;
}

a.ico_fb {
	background:url(../images/ico_facebook.png) no-repeat;
}

a.ico_twitter {
	background:url(../images/ico_twitter.png) no-repeat;
}

a.ico_search {
	background:url(../images/ico_search.png) no-repeat;
}

#topMenu {
    position:relative;
    width:100%;
    height:90px;
    background:url(../images/bg_grey_barre.jpg) repeat-x;
    border-bottom:4px solid #757575;
    z-index:100;
}

#topMenu.fixed {
    position:fixed;
    z-index:115;
    top:0px;
}

.admin-bar #topMenu.fixed {
	top:32px;
}

@media screen and (min-width: 769px) {

	.show_menu_mobile {display:none;}

	.menu_mobile_nav_container {display:none;}

	#topMenu .site-branding a{
		position:absolute;
		width:259px;
		height:129px;
		top:0;
		left:15px;
		cursor:pointer;
		outline:none;
		border:none;
		color:#fff;
		text-decoration: none;
		text-align:center;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		padding:20px 40px;
	}

	#topMenu .site-branding a span{
		display:block;
		width:100%;
	}

	#topMenu .site-branding .logo {
		background:url(../images/logo_bg.png) no-repeat;
	}

        
        
	#grey_nav {
		position:absolute;
		width:505px;
		height:30px;
		top:40px;
		right:5px;
	}

	#grey_nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}

	#grey_nav ul li a {
		display:block;
		height:30px;
		font-size:14px;
		color:#c6c0c6;
		text-decoration:none;
		font-family:'Arimo', 'Helvetica', 'Arial', sans-serif;
		padding:0 10px;
		text-align:center;
		line-height:30px;
		text-transform:lowercase;
		float:left;
	}

	#grey_nav ul li a:hover, #grey_nav ul li.current-menu-item a {
		color:#fff;
	}

	#grey_nav ul li.menu-item-first a {
		padding:0 10px 0 0!important;
	}

	#grey_nav ul li.menu-item-last a {
		padding:0 0 0 10px!important;
	}
}

@media screen and (max-width: 768px) {

	.show_menu_mobile {display:block;}

	#main_nav {display:none;}

	.show_menu_mobile img.opened {
		 -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}

	.menu_mobile_nav_container {
		position: absolute;
		top: 90px;
		padding-top: 50px;
		width: 100%;
		background: #2b2d2d;
		z-index:50;
	}

	.main_menu_mobile_menu ul {
		padding:0 20px;
		list-style:none;
		margin:0;
	}

	.main_menu_mobile_menu ul li {
		margin:14px 0;
	}

	.main_menu_mobile_menu a{
		color:#fafafa;
		text-decoration:none;
		display:block;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
	}

	.main_menu_mobile_menu ul li a {
		font-weight:bold;
		font-size:20px;
	}

	.main_menu_mobile_menu ul li ul li a {
		font-size:17px;
		font-weight:normal!important;
	}

	.main_menu_mobile_menu li.current-menu-item a {
		color:#bc8712;
	}

        #topMenu.fixed {
            position:relative;
            z-index:115;
            top:0px;
        }
        #topHeader.fixed {
            margin-bottom:0px;
        }
	/*
	#topMenu .site-branding a{
		position:absolute;
		width:259px;
		height:129px;
		top:0;
		left:25px;
		cursor:pointer;
		outline:none;
		border:none;
		color:#fff;
		text-decoration: none;
		text-align:center;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		padding:20px 0 0 0;
		z-index:100;
	}
	*/

	#topMenu .site-branding a span{
		display:block;
		width:100%;
		margin-top:-1px;
	}

	#topMenu .site-branding .logo {
		background:url(../images/logo_bg.png) no-repeat left top;
	}

	#grey_nav ul#menu-grey_bar_menu, #grey_nav ul#menu-grey_bar_menu-anglais {display:none;}

	#grey_nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}

	#grey_nav ul li a {
		display:block;
		height:30px;
		font-size:14px;
		color:#c6c0c6;
		text-decoration:none;
		font-family:'Arimo', 'Helvetica', 'Arial', sans-serif;
		padding:0 10px;
		text-align:center;
		line-height:30px;
		text-transform:lowercase;
		float:left;
	}

	#grey_nav ul li a:hover, #grey_nav ul li.current-menu-item a {
		color:#fff;
	}

	#grey_nav ul li.menu-item-first a {
		padding:0 10px 0 0!important;
	}

	#grey_nav ul li.menu-item-last a {
		padding:0 0 0 10px!important;
	}
}


@media screen and (min-width:512px) and (max-width:768px) {
	#topMenu .site-branding a{
		position:absolute;
		width:259px;
		height:129px;
		top:0;
		left:25px;
		cursor:pointer;
		outline:none;
		border:none;
		color:#fff;
		text-decoration: none;
		text-align:center;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		padding:20px 0 0 0;
		z-index:100;
	}
}

@media screen and (min-width:200px) and (max-width:511px) {
	
	#topMenu .site-branding a{
		position:absolute;
		width:259px;
		height:129px;
		top:0;
		left:50%;
		margin-left:-129px;
		cursor:pointer;
		outline:none;
		border:none;
		color:#fff;
		text-decoration: none;
		text-align:center;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		padding:20px 0 0 0;
		z-index:100;
	}

	#grey_nav {
		position:absolute;
		width:42px;
		height:42px;
		top:44px;
		right:0px;
		text-indent: -9999px;
		background:#fff;
	}

	#grey_nav .show_menu_mobile 
	{
	  cursor: pointer;
	  position: relative;
	}	

	.show_menu_mobile {
		height:42px;
		background:url(../images/menu-alt-32.png) no-repeat center;
	}
}

@media screen and (min-width:512px) and (max-width:768px) {

	#grey_nav {
		position:absolute;
		width:42px;
		height:42px;
		top:44px;
		right:0px;
		text-indent: -9999px;
		background:#fff;
	}

	#grey_nav .show_menu_mobile 
	{
	  cursor: pointer;
	  position: relative;
	}	

	.show_menu_mobile {
		height:42px;
		background:url(../images/menu-alt-32.png) no-repeat center;
	}


}



/*
Search form
*/
#search_form {
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgb(185, 135, 18); /* alternative solide */
    	background-color: rgba(185, 135, 18, 0.8);
    	top:0;
    	left:0;
    	overflow:hidden;
    	z-index:1000;
    	display:none;
    	opacity:0;
    	z-index:10000;
}

#search_field {
	position:relative;
	width:90%;
	margin:100px auto 0 auto;
	opacity:0;
	top:-40px;
}

@media screen and (min-width: 612px) {
	#search_field h2 {
		position:relative;
		width:auto;
		display:block;
		font-family: 'din_mediumregular', 'Roboto', Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		color:#fff;
		font-size:42px;
		margin-bottom:20px;
		text-align:center;
	}

	#search_field form div {
		position:relative;
		width:70%;
		height:64px;
		background:#fff;
		margin:0 auto;
	}

	#search_field form div input[type="text"] {
		position:relative; 
		width:90%;
		display:block;
		outline:none;
		background:#fff;
		border:none;
		color:#4b4b4b;
		font-size:24px;
		padding:0 6px;
		font-family:'Roboto', Helvetica, Arial, sans-serif;
		font-weight:300;
		height:64px;
		line-height:64px;
	}
}

@media screen and (max-width: 611px) {
	#search_field h2 {
		position:relative;
		width:auto;
		display:block;
		font-family: 'din_mediumregular', 'Roboto', Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		color:#fff;
		font-size:26px;
		margin-bottom:20px;
		text-align:center;
	}

	#search_field form div {
		position:relative;
		width:90%;
		height:64px;
		background:#fff;
		margin:0 auto;
	}

	#search_field form div input[type="text"] {
		position:relative; 
		width:90%;
		display:block;
		outline:none;
		background:#fff;
		border:none;
		color:#4b4b4b;
		font-size:20px;
		padding:0 6px;
		font-family:'Roboto', Helvetica, Arial, sans-serif;
		font-weight:300;
		height:64px;
		line-height:64px;
	}
}

#search_field form div input[type="text"]:focus {
	color:#232323;
}

#search_field form div input[type="submit"] {
	position:absolute;
	width:48px;
	height:48px;
	top:8px;
	right:8px;
	background:url(../images/basic_search.png) no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	opacity:0.8;
	padding:0;
	outline:none;
}

#search_field form div input[type="submit"]:hover {
	opacity:1;
}

#search_form .close {
	position:absolute;
	width:64px;
	height:64px;
	background:url(../images/basic_close.png) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	top:52px;
	right:20px;
	opacity:1;
}



#slider {
	position:relative;
	width:100%;
	height:462px;
	overflow:hidden;
	/*background:url(../images/temp_bg_slider.jpg) no-repeat top center #3e3e3e;*/
	background:#000;
}

#slider .rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

#slider .rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
 }

#slider .rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

#slider .rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}



@media screen and (min-width: 940px) {
	#main_nav {
		position:relative;
		width:100%;
		top:-71px;
		z-index:110;
	}

	#main_nav ul {
		padding:0;
		margin:0;
		list-style:none;
		width:100%;
		position:relative;
	}

	#main_nav ul li {
		width:25%;
		display:block;
		float:left;
		position:relative;
		height:89px;
	}

	#main_nav ul li a {
		display:block;
		width:100%;
		height:100%;
		background:#bc8712;
		text-align:center;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:700;
		padding:0 40px;
		font-size:18px;
		color:#fff;
		padding-top:21px;
		border-right:1px solid #d6a126;
		margin-right:-1px;
	}

	#main_nav ul li.menu-item-first a{
		margin-left:0;
	}

	#main_nav ul li.menu-item-last a{
		border-right:none;
		margin-right:0;
	}

	#main_nav ul li.current-menu-item a, #main_nav ul li a:hover, #main_nav ul li.current-page-parent a, #main_nav ul li a.active-hover {
		border-top:4px solid #d6a126;
		margin-top: -4px;
		height: 93px;
		background:#605f60;
	}

	#main_nav #menu-menu li a.active-hover, #main_nav #menu-menu-anglais0 li a.active-hover {
		border-top:4px solid #d6a126!important;
		margin-top: -4px!important;
		height: 93px!important;
		background:#605f60!important;
	}

	/* Sub-nav */
	#main_nav ul li ul {
		position:absolute;
		width:100%;
		left:auto;
		top:89px;
		background:#605f60;
		z-index:120;
		display:none;

	}

	#main_nav ul li ul li {
		display:block;
		width:100%;
		position:relative;
		height:auto;
	}

	#main_nav ul li ul a {
		display:block;
		float:none;
		width:100%;
		line-height:auto;
		color:#fff;
		text-transform:none;
		background:none!important;
		border:none!important;
		margin:0!important;
		padding:0;
		font-weight:400;
		font-size:13px;
		min-height:34px;
		padding:8px 10px;
		text-align:left;
		height:auto!important;
	}


	#main_nav ul li ul li.current-menu-item a, #main_nav ul li ul li a:hover{
		color:#bc8712;
		height:auto!important;
		border:none!important;
		margin:0!important;
	}
}


@media screen and (min-width:802px) and (max-width: 939px) {
	#main_nav {
		position:relative;
		width:100%;
		top:-71px;
		z-index:110;
	}

	#main_nav ul {
		padding:0;
		margin:0;
		list-style:none;
		width:100%;
		position:relative;
	}

	#main_nav ul li {
		width:25%;
		display:block;
		float:left;
		position:relative;
		height:89px;
	}

	#main_nav ul li a {
		display:block;
		width:100%;
		height:100%;
		background:#bc8712;
		text-align:center;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:700;
		padding:0 40px;
		font-size:14px;
		color:#fff;
		padding-top:21px;
		border-right:1px solid #d6a126;
		margin-right:-1px;
	}

	#main_nav ul li.menu-item-first a{
		margin-left:0;
	}

	#main_nav ul li.menu-item-last a{
		border-right:none;
		margin-right:0;
	}

	#main_nav ul li.current-menu-item a, #main_nav ul li a:hover, #main_nav ul li.current-page-parent a {
		border-top:4px solid #d6a126;
		margin-top: -4px;
		height: 93px;
		background:#605f60;
	}

	#main_nav #menu-menu li a.active-hover {
		border-top:4px solid #d6a126!important;
		margin-top: -4px!important;
		height: 93px!important;
		background:#605f60!important;
	}

	/* Sub-nav */
	#main_nav ul li ul {
		position:absolute;
		width:100%;
		left:auto;
		top:89px;
		background:#605f60;
		z-index:120;
		display:none;

	}

	#main_nav ul li ul li {
		display:block;
		width:100%;
		position:relative;
		height:auto;
	}

	#main_nav ul li ul a {
		display:block;
		float:none;
		width:100%;
		line-height:auto;
		color:#fff;
		text-transform:none;
		background:none!important;
		border:none!important;
		margin:0!important;
		padding:0 40px;
		font-weight:400;
		font-size:14px;
		min-height:34px;
		padding:8px 10px;
		text-align:left;
		height:auto!important;
	}


	#main_nav ul li ul li.current-menu-item a, #main_nav ul li ul li a:hover{
		color:#bc8712;
		height:auto!important;
		border:none!important;
		margin:0!important;
	}
}

@media screen and (max-width: 801px) {
	#main_nav {
		position:relative;
		width:100%;
		top:-71px;
		z-index:110;
	}

	#main_nav ul {
		padding:0;
		margin:0;
		list-style:none;
		width:100%;
		position:relative;
	}

	#main_nav ul li {
		width:25%;
		display:block;
		float:left;
		position:relative;
		height:89px;
	}

	#main_nav ul li a {
		display:block;
		width:100%;
		height:100%;
		background:#bc8712;
		text-align:center;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:700;
		padding:0 5px;
		font-size:12px;
		color:#fff;
		padding-top:21px;
		border-right:1px solid #d6a126;
		margin-right:-1px;
	}

	#main_nav ul li.menu-item-first a{
		margin-left:0;
	}

	#main_nav ul li.menu-item-last a{
		border-right:none;
		margin-right:0;
	}

	#main_nav ul li.current-menu-item a, #main_nav ul li a:hover, #main_nav ul li.current-page-parent a {
		border-top:4px solid #d6a126;
		margin-top: -4px;
		height: 93px;
		background:#605f60;
	}

	#main_nav #menu-menu li a.active-hover {
		border-top:4px solid #d6a126!important;
		margin-top: -4px!important;
		height: 93px!important;
		background:#605f60!important;
	}

	/* Sub-nav */
	#main_nav ul li ul {
		position:absolute;
		width:100%;
		left:auto;
		top:89px;
		background:#605f60;
		z-index:120;
		display:none;

	}

	#main_nav ul li ul li {
		display:block;
		width:100%;
		position:relative;
		height:auto;
	}

	#main_nav ul li ul a {
		display:block;
		float:none;
		width:100%;
		line-height:auto;
		color:#fff;
		text-transform:none;
		background:none!important;
		border:none!important;
		margin:0!important;
		padding:0;
		font-weight:400;
		font-size:11px;
		min-height:34px;
		padding:8px 10px;
		text-align:left;
		height:auto!important;
	}


	#main_nav ul li ul li.current-menu-item a, #main_nav ul li ul li a:hover{
		color:#bc8712;
		height:auto!important;
		border:none!important;
		margin:0!important;
	}
}


/*--------------------------------------------------------------
3.0 Main page
--------------------------------------------------------------*/

@media (min-width:768px) {
	
	#primary {
		position:relative;
		width:100%;
		padding-top:15px;
		min-height:530px;
	}

	.dark {
		background:url(../images/bg_dark.gif) repeat;
	}

	.light {
		background:url(../images/bg_light.gif) repeat;
	}

	#primary h1 {
		position:relative;
		display:block;
		width:100%;
		font-size:38px;
		color:#bc8712;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		margin-top:65px;
		text-align:center;
		height:90px;
	}

	#primary .col_organisme img {
		display:block;
		margin:0 auto 20px auto;
	}


	#primary .col_organisme h2 {
		color:#fff;
		font-size:14px;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		font-weight:700;
		line-height:18px;
		text-align:center;
		width:90%;
		margin:0 auto 20px auto;
		display:block;
		height:54px;
	}

	#primary .col_organisme p {
		display:block;
		line-height:21px;
		color:#a8b0ac;
		font-size:12px; 
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		width:90%;
		margin:24px auto 20px auto;
		text-align:center;
	}



	#home_page_portal {
		position:relative;
		width:100%;
		min-height:500px;
		padding-top:42px;
		padding-bottom:42px;
	}	
}

@media (min-width:200px) and (max-width:767px) {
	#primary {
		position:relative;
		width:100%;
		padding-top:15px;
		min-height:530px;
	}

	.dark {
		background:url(../images/bg_dark.gif) repeat;
	}

	.light {
		background:url(../images/bg_light.gif) repeat;
	}

	#primary h1 {
		position:relative;
		display:block;
		width:90%;
		font-size:30px;
		color:#bc8712;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		text-align:center;
		min-height:30px;
		margin:35px auto;
	}

	#primary .col_organisme {
		margin-bottom:40px;
	}

	#primary .col_organisme img {
		display:block;
		margin:0 auto 20px auto;
	}


	#primary .col_organisme h2 {
		color:#fff;
		font-size:14px;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		font-weight:700;
		line-height:18px;
		text-align:center;
		width:90%;
		margin:0 auto 0 auto;
		display:block;
		height:54px;
	}

	#primary .col_organisme p {
		display:block;
		line-height:21px;
		color:#a8b0ac;
		font-size:12px; 
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		width:90%;
		margin:24px auto 20px auto;
		text-align:center;
	}

	#home_page_portal {
		position:relative;
		width:100%;
		min-height:500px;
		padding-top:42px;
		padding-bottom:42px;
	}
}



@media (min-width:200px) and (max-width:767px) {

	#home_page_portal .col_home_portal h3 {
		font-size:20px;
		text-align:center;
		display:block;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		color:#403e3e;
		text-transform:uppercase;
		font-weight:700;
		height:60px;
	}

	.col_home_portal {
		margin-bottom:30px;
	}
}

@media (min-width:768px)  and (max-width:801px){
	
	#home_page_portal .col_home_portal h3 {
		font-size:14px;
		text-align:center;
		display:block;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		color:#403e3e;
		text-transform:uppercase;
		font-weight:700;
		height:60px;
	}

	
}

@media (min-width:802px) {

	#home_page_portal .col_home_portal h3 {
		font-size:20px;
		text-align:center;
		display:block;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		color:#403e3e;
		text-transform:uppercase;
		font-weight:700;
		height:60px;
	}
}

.col_home_portal .col_home_portal_blog {
	position:relative;
	margin-bottom:20px;
}

.col_home_portal .col_home_portal_blog h4 a {
	color:#403e3e;
	display:block;
	font-size:14px;
	font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
	font-weight:bold;
	margin-bottom:4px;
}

.col_home_portal .col_home_portal_blog h4 a:hover {
	text-decoration:underline;
	color:#272626;
}

.col_home_portal .col_home_portal_blog p {
	color:#403e3e;
	font-size:12px;
	line-height:20px;
	font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
	margin:0 0 4px 0;
	display:block;
}

.col_home_portal .col_home_portal_blog p.date {
	color:#1c9744;
	font-weight:bold;
}

.col_home_portal img {
	margin:0 auto 20px auto;
	display:block;
}


/*.col_home_portal img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(#greyscale);
	filter: gray;
	transition: 1s;
	-webkit-animation-direction: alternate;
}*/

#home_page_events {
	position:relative;
	width:100%;
	background:#dddce0;
	padding:30px 0;
	min-height:200px;
	color:#232323;
}

#home_page_events  h2 {
	font-size:22px;
	text-align:center;
	display:block;
	font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
	color:#403e3e;
	text-transform:uppercase;
	font-weight:700;
	height:60px;
}

/* SLIDER */
@media screen and (max-width:767px) {
	.slides_tablette_web {display:none;}
	.slides_mobile {display:block;}
}

@media screen and (min-width:768px) {
	.slides_tablette_web {display:block;}
	.slides_mobile {display:none;}
}

.slider_events #mask {
	position:relative;
	top:0;
	left:0;
	height:auto;
	overflow:hidden;
	width:100%;
}

.slider_events .col_event {
    padding:20px 10px;
}

.slider_events ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
}

.slider_events ul li {
	float:left;
	position:relative;
	width:100%;
	display:block;
}


h2 {
	font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
	position:relative;
	width:100%;
	display:block;
	text-align:center;
	text-transform:uppercase;
	height:77px;
	line-height:77px;
	font-weight:700;
	font-size:24px;
}

.event_date {
	position:absolute;
	width:57px;
	height:57px;
	font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
	font-weight:700;
	background:url(../images/bg_event_date.png) no-repeat;
	text-align:center;
	text-transform:uppercase;
}

.event_date .event_date_jour {
	font-size:34px;
	margin:8px 0 0 0;
}

.event_date .event_date_mois {
	font-size:16px;
	margin:0;
}

.event_desc {
	position:relative;
	padding-left:67px;
	min-height:57px;
}

.event_desc h3 a {
	font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
	font-weight:700;
	margin-bottom:16px;
	font-size:20px;
	color:#403e3e;
	text-decoration:none;
}

.event_desc p {
	font-family:'Titillium Web', 'Helvetica', 'Arial', sans-serif;
	margin:0;
	font-size:13px;
}


#events_slider_controlers {
	position: absolute;
	width: 56px;
	height: 28px;
	top: 24px;
	right: 0px;	
}


#events_slider_controlers span 
{
	position:relative;
	display:block;
	width:16px;
	height:28px;
	cursor:pointer;
	text-indent:-9999px;
	outline:none;
	float:left;
	opacity:0.85;
	margin:0 4px;
}

#events_slider_controlers span:hover {
	opacity:1;
}

#events_slider_controlers span.prev {
	background:url(../images/prev_event.png);
}

#events_slider_controlers span.next {
	background:url(../images/next_event.png);
}

.triggers {
	display:none;
}



/*--------------------------------------------------------------
4.0 - Entry page
--------------------------------------------------------------*/

section.entry {
	padding:62px 0 42px 0;
}

@media (min-width:200px) and (max-width:767px) {
	.page-entry h1.entry-title {
		font-size:34px;
		text-align:center;
		line-height:42px;
	}
}

.page-entry h1.entry-title {
	font-size:38px;
	color:#bc8712;
	line-height:41px;
	font-family:'Titillium Web', 'Helvetica', 'Arial', sans-serif;
	text-transform:uppercase;
	margin-bottom:20px;
}

/* ----- CONTENUS ------ */

.entry-content {
	position:relative;
	width:100%;
	height:100%;
	font-family:'Titillium Web', 'Helvetica', 'Arial', sans-serif;
	color:#000;
	margin-bottom:20px;
} 

.entry-content h1 {
	font-size:26px;
	line-height:26px;
	margin-bottom:8px; 
	font-weight:700;
	color:#bc8712;
}

.entry-content h2 {
	font-size:24px;
	line-height:26px;
	margin-bottom:8px; 
	font-weight:700;
	color:#bc8712;
}

.entry-content h3 {
	font-size:22px;
	line-height:26px;
	margin-bottom:8px; 
	font-weight:700;
	color:#bc8712;
}

.entry-content h4 {
	font-size:20px;
	line-height:26px;
	margin-bottom:8px; 
	font-weight:700;
	color:#bc8712;
}

.entry-content h5 {
	font-size:15px;
	text-transform: uppercase;
	font-weight:700;
	color:#bc8712;
}

.entry-content h6 {
	font-size:13px;
	text-transform: uppercase;
	font-weight:700;
	color:#bc8712;
}

.entry-content p {
	font-size:15px;
	line-height:24px;
	color:#171717;
	padding-bottom:14px;
	margin:0;
	font-weight:400;
}

.entry-content li {
	font-size:15px;
	margin:0 0 6px 0;
	line-height:22px;
}

.entry-content ul li ul, .entry-content ol li ol {
	padding-top:8px;
}

.entry-content blockquote {
	background: none;
	border-left: 10px solid #bc8712;
	margin: 1.5em 0px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	font-style:italic;
}

.entry-content blockquote:before {
	color: #444;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.entry-content blockquote p {
	display: inline;
	font-size:14px;
}

.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	padding-right:20px;
}

.content-column.last_column {
	padding-right:0!important;
}


.entry-content object {
	position:relative;
	margin:10px auto;
	display:block;
}

.edit-link {
	display:block;
	width:100%;
	padding:5px 30px;
	font-size:12px;
	background:#ccc;
	border:1px dashed #999;
}

.edit-link a {
	color:#555;
}



/* Timeline */
.floatright{
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#container_timeline h5 {
	text-transform:uppercase;
	margin:10px 0;
}

#container_timeline a {
	outline:none;
}


#wrap_timeline {
	width:80%;
	float:left;
}

.timeline {
	width:100%;
	height:32px;
	overflow:hidden;
	position:relative;
	background:#d1ddb7;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.timeline .moving_timeline {
	position:absolute;
}

.timeline ul {
	padding:0;
	margin:0;
	list-style:none;
}

.timeline ul li {
	padding:0;
	margin:0;
	float:left;
	list-style:none;
	background:none;
}

.timeline ul li a {
	display:block;
	width:110px;
	padding:8px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	line-height:17px;
}

.timeline.europe ul li a {
	background:url(../images/timeline/bg_europe_item_up.gif) repeat-x top left;
	border-left:1px solid #beb59d;
	border-right:1px solid #FFF;
	color:#80552c;

}

.timeline.europe ul li a.actif {
	background:#EDD9A4 url(../images/timeline/bg_europe_item_down.gif) repeat-x top left;
}

.timeline.quebec ul li a {
	background:url(../images/timeline/bg_quebec_item_up.gif) repeat-x top left;
	border-left:1px solid #4b7e0f;
	border-right:1px solid #61a711;
	color:#FFF;
}

.timeline.quebec ul li a.actif {
	background:#498600 url(../images/timeline/bg_quebec_item_down.gif) repeat-x top left;
}

.timeline.quebec ul {
	/*padding-left:140px*/
}

.timeline ul li.first a {
	border-left:none;
	
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
	
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
}

.timeline ul li.last a {
	border-right:none;
	
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;
	
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
}

.nav_timeline {
	float:left;
}

.nav_timeline a {
	display:block;
	width:18px;
	height:115px;
	margin-bottom:-40px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	background-position:left center;
}

.nav_timeline a.inactif {
	opacity:0.5;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	-khtml-opacity:0.5;

}

.nav_timeline a.prev {
	background-image:url(../images/timeline/btn_p_up.png);
	margin-right:20px;
}

.nav_timeline a.next {
	background-image:url(../images/timeline/btn_s_up.png);
	margin-left:20px;
}


/*--------------------------------------------------------------
Tableaux
--------------------------------------------------------------*/
table {
	margin:0 0 1em 0;
	padding:0;
	border-collapse:collapse;
	/*border:1px solid #928a7e;*/
}

table td {
	margin:0;
	padding:2px 5px;
	color:#565047;
	background:#f3ede3;
	border-collapse:collapse;
}

table .pair td {
	background:#e5dcce;
	/*border:1px solid #f6f1e8;*/
}

table th {
	margin:0;
	padding:5px;
	color:#f6f1e8;
	background:#565047;
	/*border:1px solid #a6a198;*/
}

/*--------------------------------------------------------------
Accordion
--------------------------------------------------------------*/
.accordion {
	
}

.accordion .accordion-item {
	background:#e5dcce;
}

.accordion .accordion-item .left {
	width:75px;
	float:left;
	margin-left:15px;
}

.accordion .accordion-item .right {
	width:345px;
	float:right;
	margin-right:15px;
}

.accordion .accordion-item.even {
	background:#f2ece2;
}

.accordion .accordion-item .trigger a {
	display:block;
	padding:10px;
	font-weight:bold;
	text-decoration:none;
	color:#507f00;
	background:url(../img/plus.gif) no-repeat 98% center;
}

.accordion .accordion-item.active .trigger a {
	color:#565047;
	background:url(../img/minus.gif) no-repeat 98% center;
}

.accordion .accordion-item p.note {
	font-size:11px;
}

.accordion .accordion-item table {
	width:100%;
	border-collapse:collapse;
}

.accordion .accordion-item table tr th {
	background-color:#c9e592;
	color:#565047;
	text-align:left;
	width:100px;
	padding:0 0 0 125px;
	background-repeat:no-repeat;
	background-position:left top;
}

.accordion .accordion-item table tr td {
	background-color:#d1e9a2;
	color:#565047;
	text-align:center;
	padding:20px 0;
	border-left:1px solid #FFF;
}

.accordion .accordion-item table tr th.recolte {
	background-image:url(../images/etapes-tableau/recolte-tb.gif);
}

.accordion .accordion-item table tr th.emballage {
	background-image:url(../images/etapes-tableau/emballage-tb.gif);
}

.accordion .accordion-item table tr th.transport {
	background-image:url(../images/etapes-tableau/transport-tb.gif);
}

.accordion .accordion-item table tr th.vie {
	background-image:url(../images/etapes-tableau/fin-de-vie-tourbe-tb.gif);
}

.accordion .accordion-item table tr th.decomposition {
	background-image:url(../images/etapes-tableau/decomposition.gif);
}

.accordion .accordion-item table tr.even th {
	background-color:#def0bb;
}

.accordion .accordion-item table tr.even td {
	background-color:#e3f2c5;
}

.accordion .accordion-item table tfoot tr th {
	background-color:#ede4d4;
}

.accordion .accordion-item table tfoot tr td {
	background-color:#f0e8da;
}

.encadre {
	background:#E5DCCE;
	padding:10px;
}

/*--------------------------------------------------------------
Slides
--------------------------------------------------------------*/
#steps {
	width:460px;
	height:350px;
	position:relative;
	margin:0 auto 20px auto;
}

#steps .slide .left {
	float:left;
	width:150px;
	height:305px;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/background.gif);
}

#steps .slide .right {
	float:left;
	width:250px;
	padding-left:10px;
}

#steps .slide h4 {
	text-align:center;
	font-size:18px;
	padding:15px 0;
}

#steps .slide h4 img {
	padding:50px 0 0 0;
}


#slides {
	position:absolute;
	top:15px;
	left:30px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:430px;
	height:370px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:0;
	width:430px;
	/*height:230px;*/
	display:block;
}

#slides .slide .right p {
	font-size:14px;
	line-height:16px;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-30px;
	width:19px;
	height:30px;
	display:block;
	z-index:101;
}

#slides .next {
	left:430px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
	background:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.paging-navigation {
	border-top:1px solid #aaa;
	padding-top:20px;
	margin-top:10px;
}

.paging-navigation .text-align-right {
	text-align:right;
}


#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}


.etapes_formations .item {
	position:relative;
	text-align:center;
}

.etapes_formations .item img {
	display:block;
	margin:0 auto; 
}

.etapes_formations #events_slider_controlers {
	z-index:100;
	position: absolute;
  	width: 100%;
}

.etapes_formations #events_slider_controlers .prev {
	position:absolute;
	left:0;
	top:30px;
}

.etapes_formations #events_slider_controlers .next {
	position:absolute;
	right:0;
	top:30px;
}

.etapes_formations .text-left .item p {
	font-size:13px;
	line-height:18px;
	text-align:left;
}

/*--------------------------------------------------------------
Intranet
--------------------------------------------------------------*/

.home_intranet {
	background:#bc8712;
	display:block;
	text-align:center;
	color:#fff!important;
	padding:15px 0;
	margin-bottom:30px;
	text-decoration:none!important;
	font-size:18px;
	font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
	outline:none!important;
}

.home_intranet i {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;
}

#accordion {}

#accordion h2 {
	text-align: left;
	color: #fff;
	background: #404040;
	font-weight: 400;
	height: auto;
	padding: 6px 10px;
	line-height: normal;
	margin:0 0 1px 0;
	position:relative;
}

#accordion h2 span {
	display:block;
	width:30px;
	height:30px;
	top: 17px;
	right: 2px;
	font-weight: 400;
	position:absolute;
	color: #fff;
	font-size: 14px;
	text-align: center;
	float: none;
	opacity:0.7;
}

.row #accordion .row {
	margin:0;
}

#accordion h2 i {
	font-size:14px;
	float:right;
	color:#fff;
	cursor:pointer;
	font-weight:300;
	height: 14px;
  	margin-top: 10px;
}

.accordion-toggle {
	cursor:pointer; 
	margin: 0;
}

.accordion-content {
	display: none;
	position:relative;
	background:#fff;
	padding:10px 0;
}

.accordion-sub-folder {
	padding:10px;
	margin:10px 0;
	border-bottom:1px solid #ddd;
}

.sub-folder-header {
	color:#414141;
	font-weight:300;
}

.sub-folder-header i {
	margin-right:10px;
	font-size:14px;
}

.sub-folder-content p {
	margin:0 0 8px 0;
	padding:0;
}

.sub-folder-follow h4 {
	color: #414141;
	font-size: 22px;
	margin-top: 10px;
	border-top: 1px dashed #dadada;
	padding-top: 10px;
}

.sub-folder-follow h5 {
	color: #414141;
	text-transform: none;
	margin-bottom: 4px;
	margin-top:10px;
}

.sub-folder-follow h5.first {
	margin-top:0;
}

.sub-folder-follow .push-left a, .sub-folder-follow .push-left ul {
	padding-left:20px;
}

.sub-folder-content ul {
	list-style:square;
	margin-left:0;
}

.sub-folder-content ul li a {
	padding-left:0!important;
}

.accordion-content.default {display: block;}



/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
@media (min-width:200px) and (max-width:512px) {
	footer {
		position:relative;
		width:100%;
		background:#383636;
		min-height:395px;
		color:#fefefe;
		padding-top:35px;
	}

	footer h3 {
		position:relative;
		display:block;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		margin-bottom:8px;
		font-weight:700;
		font-size:18px;
	}

	footer h4 {
		position:relative;
		display:block;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		margin-bottom:14px;
		font-weight:700;
		font-size:16px;
	}

	footer .col_footer {
		min-height:70px;
		width:90%;
		float:none;
		display:block;
		position:relative;
		clear:both;
		margin:0 auto 40px auto;
	}

	footer p {
		font-size:12px;
		color:#b8b8b8;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		margin:0;

	}

	footer p.login-remember {
		margin: 0 0 10px 0;
  		text-align: right;
	}

	form input[type=text], form input[type=password], input[type=email], form input[type=search] {
		background:#404040;
		border:none;
		display:block;
		width:100%;
		padding:0 10px;
		height:40px;
		color:#ececec;
		font-style:italic;
		outline:none;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		font-size:13px;
		margin-bottom:12px;
	}

	form input[type=submit] {
		background:#4c4c4c;
		display:block;
		float:left;
		color:#fff;
		border:none;
		outline:none;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		cursor:pointer; 
		text-align:center;
		height:40px;
		line-height:40px;
		font-weight:700;
		text-transform:uppercase;
	}

	footer a.button-primary {
		background:#4c4c4c;
		display:block;
		color:#fff;
		border:none;
		outline:none;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		cursor:pointer; 
		text-align:center;
		height:40px;
		line-height:40px;
		font-weight:700;
		text-transform:uppercase;	
		text-decoration: none;
		margin-bottom:12px;
	}

	footer a {
		color:#fff;
	}

	footer a:hover {
		color:#fff;
	}

	footer .site-info {
		position:relative;
		width:80%;
		margin:0 auto;
	}
}

@media (min-width:513px) and (max-width:767px) {
	footer {
		position:relative;
		width:100%;
		background:#383636;
		min-height:395px;
		color:#fefefe;
		padding-top:35px;
	}

	footer h3 {
		position:relative;
		display:block;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		margin-bottom:20px;
		font-weight:700;
		font-size:18px;
		min-height:44px;
	}

	footer h4 {
		position:relative;
		display:block;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		margin-bottom:14px;
		font-weight:700;
		font-size:16px;
	}

	footer .col_footer {
		min-height:70px;
		margin-bottom:20px;
	}

	footer p {
		font-size:12px;
		color:#b8b8b8;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		margin:0;
	}

	form input[type=text], form input[type=password], input[type=email], form input[type=search] {
		background:#404040;
		border:none;
		display:block;
		width:100%;
		padding:0 10px;
		height:40px;
		color:#ececec;
		font-style:italic;
		outline:none;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		font-size:13px;
		margin-bottom:12px;
	}

	form input[type=submit] {
		background:#4c4c4c;
		display:block;
		float:right;
		color:#fff;
		border:none;
		outline:none;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		cursor:pointer; 
		text-align:center;
		height:40px;
		line-height:40px;
		font-weight:700;
		text-transform:uppercase;
	}

	footer a.button-primary {
		background:#4c4c4c;
		display:block;
		color:#fff;
		border:none;
		outline:none;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		cursor:pointer; 
		text-align:center;
		height:40px;
		line-height:40px;
		font-weight:700;
		text-transform:uppercase;	
		text-decoration: none;
		margin-bottom:12px;
	}

	footer a {
		color:#fff;
	}

	footer a:hover {
		color:#fff;
	}
}

@media (min-width:768px) {
	footer {
		position:relative;
		width:100%;
		background:#383636;
		min-height:395px;
		color:#fefefe;
		padding-top:35px;
	}

	footer h3 {
		position:relative;
		display:block;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		margin-bottom:20px;
		font-weight:700;
		font-size:18px;
		min-height:44px;
	}

	footer h4 {
		position:relative;
		display:block;
		text-transform:uppercase;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		margin-bottom:14px;
		font-weight:700;
		font-size:16px;
	}


	footer .col_footer {
		min-height:270px;
		margin-bottom:20px;
	}


	footer p {
		font-size:12px;
		color:#b8b8b8;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		margin:0;
	}




	form input[type=text], form input[type=password], input[type=email], form input[type=search], form select {
		background:#404040;
		border:none;
		display:block;
		width:100%;
		padding:0 10px;
		height:40px;
		color:#ececec;
		font-style:italic;
		outline:none;
		font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
		font-size:13px;
		margin-bottom:12px;
	}

	form input[type=submit] {
		background:#4c4c4c;
		display:block;
		float:right;
		color:#fff;
		border:none;
		outline:none;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		cursor:pointer; 
		text-align:center;
		height:40px;
		line-height:40px;
		font-weight:700;
		text-transform:uppercase;
	}


	footer a.button-primary {
		background:#4c4c4c;
		display:block;
		color:#fff;
		border:none;
		outline:none;
		font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
		cursor:pointer; 
		text-align:center;
		height:40px;
		line-height:40px;
		font-weight:700;
		text-transform:uppercase;	
		text-decoration: none;
		margin-bottom:12px;
	}

	footer a {
		color:#fff;
	}

	footer a:hover {
		color:#fff;
	}
}









/*--------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------*/
.sidebar {
	font-family: 'Titillium Web', 'Helvetica', Arial, sans-serif;
}

@media (min-width:200px) and (max-width:767px) {
	.sidebar {
		border-top:1px solid #ccc;
		padding-top:30px;
	}
}

#sidebar_organismes {
	position:relative;
	display:block;
}

#sidebar_organismes h4 {
	font-size:18px;
	line-height:26px;
	margin-bottom:24px; 
	font-weight:300;
	color:#6b686b;
	text-align:center;
}

#sidebar_organismes img {
	display:block;
	margin:0 auto 10px auto;
}

#sidebar_organismes p {
	width:70%;
	display:block;
	font-weight:700;
	font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
	text-align:center;
	font-size:13px;
	line-height:16px;
	margin:0 auto 38px auto;
}

#sidebar_organismes a {
	color:#6b686b;
	text-decoration: none;
}

.sidebar_menu_intranet {}

.sidebar_menu_intranet div {
	background:#bc8712;
	padding:10px;
	margin:1px auto 0 auto;
}

.sidebar_menu_intranet div i {
	color:#f8b625;
	margin-right:10px;
}

.sidebar_menu_intranet div a {
	color:#fff!important;
	font-size:18px;
	outline:none!important;
}

#intranet_sidebar_categories {
	margin-bottom:20px;
}

#intranet-categories .current-cat a {
	color:#bc8712!important;
	font-weight:700;
}

#intranet-categories a:hover {
	color:#000;
	text-decoration:underline;
}



/*--------------------------------------------------------------
BOUTONS
--------------------------------------------------------------*/

.btn {
	position:relative;
	display:block;
	border-radius:0!important;
	padding:0!important;
}


.btn_jaune {
	background:#bc8712;
	border-bottom:4px solid #d6a126;
	text-align:center;
	font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
	font-weight:700;
	color:#fff!important;
	text-decoration:none;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	margin:0 auto;
	z-index:1;
	padding:0 15px!important;
}

@media (min-width:200px) and (max-width:768px) {
	.tp-banner-container .btn_jaune {
		height:inherit!important;
	}
}

.btn_jaune:hover {
	color:#fff;
	text-decoration:none;
}

.btn_jaune:after {
    content: "";
    position:absolute;
    bottom:0; 
    left:0;
    width:100%; 
    height:0px;
    z-index:-1;
    transition: height 0.2s;
    background:#d6a126;
}

.btn_jaune:hover:after 
{ 
	height:100%; 
}


.btn_gris {
	background:#4c4c4c;
	border-bottom:4px solid #d6a126;
	text-align:center;
	font-family:'Montserrat', 'Helvetica', 'Arial', sans-serif;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	margin:0;
	font-size:12px;
	z-index:1;
}

.btn_gris:hover {
	color:#fff;
	text-decoration:none;
}

.btn_gris:after {
    content: "";
    position:absolute;
    bottom:0; 
    left:0;
    width:100%; 
    height:0px;
    z-index:-1;
    transition: height 0.2s;
    background:#d6a126;
}

.btn_gris:hover:after 
{ 
	height:100%; 
}


.btn_detail {
	width:100px;
}


.greyscale.active img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%)!important;
}

.greyscale img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

.greyscale img:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
 	-webkit-filter: grayscale(0%);
}

.caps {
	text-transform:uppercase;
}



/*--------------------------------------------------------------
ÉCHELLE DE VON POST
--------------------------------------------------------------*/
.echelle_de_von_post {
	position:relative;
	width:100%;
	display:block;
	margin:0 auto;
}

.echelle_de_von_post img {
	position:relative;
	display:block;
	left:0;
}

.echelle_de_von_post .von_post_zone {
	position:absolute;
	display:block;
	cursor:pointer;
	outline:none;
	left:36px;
	width:110px;
	z-index:1;
}



@media screen and (max-width:500px) {

	.echelle_de_von_post .von_post_zone.zone_h1 {
		height:31px;
		top:35px;
	}

	.echelle_de_von_post .von_post_zone.zone_h2-h4 {
		height:71px;
		top:69px;
	}

	.echelle_de_von_post .von_post_zone.zone_h5 {
		height:31px;
		top:147px;
	}

	.echelle_de_von_post .von_post_zone.zone_h6-h9 {
		height:116px;
		top:177px;
	}

	.echelle_de_von_post .von_post_zone.zone_h10 {
		height:37px;
		top:293px;
	}

	.echelle_de_von_post .von_post_pop {
		position:absolute;
		background:rgba(255,255,255,0.9);
		display:block;
		z-index:5;
		left:90px;
		border-radius:4px;
		padding:8px;
		width:200px;
		display:none;
		font-size:12px;
	}

	.echelle_de_von_post .von_post_pop.pop_h1 {
		top:35px;
	}

	.echelle_de_von_post .von_post_pop.pop_h2-h4 {
		top:69px;
	}

	.echelle_de_von_post .von_post_pop.pop_h5 {
		top:147px;
	}

	.echelle_de_von_post .von_post_pop.pop_h6-h9 {
		top:177px;
	}

	.echelle_de_von_post .von_post_pop.pop_h10 {
		top:293px;
	}
}

@media screen and (min-width:501px) {

	.echelle_de_von_post .von_post_zone.zone_h1 {
		height:31px;
		top:51px;
	}

	.echelle_de_von_post .von_post_zone.zone_h2-h4 {
		height:105px;
		top:86px;
	}

	.echelle_de_von_post .von_post_zone.zone_h5 {
		height:31px;
		top:194px;
	}

	.echelle_de_von_post .von_post_zone.zone_h6-h9 {
		height:142px;
		top:228px;
	}

	.echelle_de_von_post .von_post_zone.zone_h10 {
		height:37px;
		top:375px;
	}

	.echelle_de_von_post .von_post_pop {
		position:absolute;
		background:rgba(255,255,255,0.9);
		display:block;
		z-index:5;
		left:125px;
		border-radius:4px;
		padding:8px;
		width:265px;
		display:none;
	}

	.echelle_de_von_post .von_post_pop.pop_h1 {
		top:51px;
	}

	.echelle_de_von_post .von_post_pop.pop_h2-h4 {
		top:86px;
	}

	.echelle_de_von_post .von_post_pop.pop_h5 {
		top:194px;
	}

	.echelle_de_von_post .von_post_pop.pop_h6-h9 {
		top:228px;
	}

	.echelle_de_von_post .von_post_pop.pop_h10 {
		top:375px;
	}
}





/**********************************************
BOOTSTRAP OVERWRITE
**********************************************/

@media (min-width:200px) and (max-width:767px) {
	.col-xs-12 {width:100%;}
	.col-xs-11 {width:100%;}
	.col-xs-10 {width:100%;}
	.col-xs-9 {width:100%;}
	.col-xs-8 {width:100%;}
	.col-xs-7 {width:100%;}
	.col-xs-6 {width:100%;}
	.col-xs-5 {width:100%;}
	.col-xs-4 {width:100%;}
	.col-xs-3 {width:100%;}
	.col-xs-2 {width:100%;}
	.col-xs-1 {width:100%;}
}