@charset "utf-8";

body {line-height:1.6em !important;}

a{ text-decoration:none;}
a:hover{ color:#8cc819; text-decoration:none;}
a:focus { outline:none !important;}
::selection {background:#8cc819;color:#fff;}
::-moz-selection {background:#000;color:#fff;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
img { max-width:100%; margin:0px !important; padding:0px !important}
img.pull-left { margin-right:15px !important; margin-top:7px !important;}
p{ margin-bottom:20px; font-size:14px;}



	/* MARGIN */
	.mar0{margin:0px;}
	.mar5,img.mar5{margin:5px !important;}
	.mar10,img.mar10{margin:10px !important;}
	.mar20,img.mar20{margin:20px !important;}
	.marT0{margin-top:0px;}
	.marT5{margin-top:5px;}
	.marT10{margin-top:10px;}
	.marT20{margin-top:20px;}
	.marT30{margin-top:30px;}
	.marB0{margin-bottom:0px;}
	.marB5{margin-bottom:5px;}
	.marB10{margin-bottom:10px;}
	.marB20{margin-bottom:20px;}
	.marB30{margin-bottom:30px;}
	.marL0{margin-left:0px;}
	.marL5{margin-left:5px;}
	.marL10{margin-left:10px;}
	.marL20{margin-left:20px;}
	.marL30{margin-left:30px;}
	.marR0{margin-right:5px;}
	.marR5{margin-right:5px;}
	.marR10{margin-right:10px;}
	.marR20{margin-right:20px;}
	.marR30{margin-right:30px;}
	
	/* PADDING */
	.pad0{padding:0px;}
	.pad5, .table td.pad5{padding:5px;}
	.pad10, .table td.pad10{padding:10px;}
	.pad20, .table td.pad20{padding:20px;}
	.pad30, .table td.pad30{padding:30px;}
	.padT0{padding-top:0px;}
	.padT5{padding-top:5px;}
	.padT10{padding-top:10px;}
	.padT20{padding-top:20px;}
	.padT30{padding-top:30px;}
	.padB0{padding-bottom:0px;}
	.padB5{padding-bottom:5px;}
	.padB10{padding-bottom:10px;}
	.padB20{padding-bottom:20px;}
	.padB30{padding-bottom:30px;}
	.padL0{padding-left:0px !important;}
	.padL5{padding-left:5px;}
	.padL10{padding-left:10px;}
	.padL20{padding-left:20px;}
	.padL30{padding-left:30px;}
	.padR0{padding-right:0px !important;}
	.padR5{padding-right:5px;}
	.padR10{padding-right:10px;}
	.padR20{padding-right:20px;}
	.padR30{padding-right:30px;}
	
	/* DISPLAY */
	.disp{display:block;}
	.dispIn{display:inline;}
	.dispNo{display:none;}
	.dispBloc{display:block;}
	
	/* WIDTH */
	.W50{width:50px;}
	.W75{width:75px;}
	.W100{width:100px;}
	.W125{width:125px;}
	.W150{width:150px;}
	.W175{width:145px;}
	.W200{width:200px;}
	.W225{width:225px;}
	.W250{width:250px;}
	.W275{width:245px;}
	.W300{width:300px;}
	.W325{width:325px;}
	.W350{width:350px;}
	.W375{width:345px;}
	.W400{width:400px;}
	.W425{width:425px;}
	.W450{width:450px;}
	.W475{width:445px;}
	.W500{width:500px;}
	.W10p{width:10%;}
	.W20p{width:20%;}
	.W30p{width:30%;}
	.W50p{width:50%;}
	.W70p{width:70%;}
	.W80p{width:80%;}
	.W90p{width:90%;}
	.W100p{width:100%;}
	
	
	/* HEIGHT */
	.H10{height:10px;}
	.H15{height:15px;}
	.H20{height:20px;}
	.H25{height:25px;}
	.H30{height:30px;}
	.H40{height:40px;}
	.H50{height:50px;}
	.H60{height:60px;}
	.H70{height:70px;}
	.H80{height:80px;}	
	.H90{height:90px;}
	.H100{height:100px;}

	/*COLORS*/
	.grey{background-color: #eee;}
	.white{color: #fff;}
	.bgwhite{background-color: #fff;}
	td.success,th.success {background-color: #DFF0D8;}
	td.error,th.error {background-color: #F2DEDE;}
	td.warning, th.warning {background-color: #FCF8E3;}
	td.info,th.info {background-color: #D9EDF7;}
	label.error{color: #FF0000; font-size:10px;}
	input.error, input.error:focus{border-color:#FF0000;}
	.vert{color: #8cc819;}
	.noir,a.noir{color: #000;}
	.bleu,a.bleu{color: #349BB9;}
	.green {
	background: #a5cd4e; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); */
	}	
	.blue {
	background: #70c9e3; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be));
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%);
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%);
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%);
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%);*/
	}

	
	/*ALIGN*/ 
	.right,.table th.right,.table td.right{text-align: right;}
	.center,.table th.center,.table td.center{text-align: center; margin-right: auto; margin-left: auto;vertical-align:middle;}
  .valign-middle{vertical-align: middle !important;}
	.left,.table th.left,.table td.left{text-align: left;}
	ul.justify > li, .justify{text-align: justify;}
	ul.large li{padding-top:10px}
	.rel{ position: relative;}
	.abs{ position: absolute;}
	
	/* bold etc */
	.b{font-weight: bold;}
	.i{font-style:italic;}
	.legend{font-style:italic;color:#AAA;font-size:12px;}
	.titre{font-size: 36px; line-height: 36px;color:#444; font-family: Ubuntu, "Ubuntu Condensed", Arial, sans-serif; font-weight:300;}
	.u{font-family: Ubuntu, "Ubuntu Condensed", Arial, sans-serif;}
	.a{font-family: Arial, sans-serif; font-weight:300;}
	.s10{font-size: 10px;}
        .s12{font-size: 12px;}
	.s14{font-size: 14px;}
	.s16{font-size: 16px;}
	.s20{font-size: 20px;}
	.hand{cursor:pointer;}
	.colored{color:#8cc819;}
	.hide{display:none;}
	
	h1, h2, h3, h4, h5, h6 {color:#444; font-family: Ubuntu, "Ubuntu Condensed", Arial, sans-serif; font-weight:300;}
  h3{font-size: 20px;}
	
	.preloader { background: rgba(255,255,255,.5) url('../img/spinner.gif') center center no-repeat; filter:alpha(opacity=50); }
	


/*
div{ border: 1px solid #F00;}
div div{ border: 1px solid #00F;}
*/

/* New menu */
nav{ position:relative; top:0; right: 0; height:100px; width:auto;}
#menu{margin: 0px;padding: 0;list-style: none;font: arial 12px normal;position: absolute;  bottom:0px; right:0px;}
#menu li{position: relative;margin: 0;padding: 0;list-style: none;z-index: 991;}
#menu a {color: #AAA;font: 12px Arial, Helvetica;line-height: 20px;text-decoration: none;}
#menu > li > a{color: #666;float: left;background-color: #F5F5F5;padding: 7px 10px;-moz-border-radius: 3px;border-radius: 3px;behavior: url(assets/css/PIE.htc);}
#menu > li ul li:hover > a{color: #FFF;text-shadow: 1px 1px #8cc819 !important;}
#menu > li{float: left;margin: 0 0 0 10px;height: 42px;}
#menu li ul{position: absolute;top: 0px;left: -212px;margin: 0;padding: 0;background: transparent url("../bg/pointe-grise.png") no-repeat scroll 192px 8px;display: none;z-index: 99993;}
#menu > li.current > ul{background: transparent url("../bg/nobg.gif") repeat scroll 0 0;}
#menu li:hover > ul{display: block;}
#menu li ul li ul{padding: 0 7px 0 0;}
#menu > li > ul{top: 34px;padding-top: 9px;left: -80px;background-position: 103px 2px;}
#menu > li ul li{width: 230px;background-color: #3A3A3A;border-bottom: 1px solid #555;padding: 3px 0 3px 5px;}
#menu > li ul li ul li{width: 200px;}
#menu > li ul li:hover
{
	background: #8cc819;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#8cc819) to(#8cc819));
    background: -webkit-linear-gradient(#8cc819, #8cc819);
    background: -moz-linear-gradient(#8cc819, #8cc819);
    background: -ms-linear-gradient(#8cc819, #8cc819);
    background: -o-linear-gradient(#8cc819, #8cc819);
    background: linear-gradient(#8cc819, #8cc819);
	-pie-background: linear-gradient(#8cc819, #8cc819);*/
	behavior: url(assets/css/PIE.htc);
}
#menu > li.current > a, #menu > li > a:hover {
	color: #FFF;
	text-shadow: 1px 1px #8cc819 !important;
	background: #8cc819;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#8cc819) to(#8cc819));
    background: -webkit-linear-gradient(#8cc819, #8cc819);
    background: -moz-linear-gradient(#8cc819, #8cc819);
    background: -ms-linear-gradient(#8cc819, #8cc819);
    background: -o-linear-gradient(#8cc819, #8cc819);
    background: linear-gradient(#8cc819, #8cc819);
	-pie-background: linear-gradient(#8cc819, #8cc819);*/
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(assets/css/PIE.htc);
}
#menu > li.current {background: transparent url("../bg/pointe-vert.gif") no-repeat scroll bottom center;}
#menu > li.pro a, a.btn-pro {
	color: #c6edf8;
	text-shadow: 1px 1px #247d96 !important;
	background: #2f99b8;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#54bbd9) to(#2f99b8));
    background: -webkit-linear-gradient(#54bbd9, #2f99b8);
    background: -moz-linear-gradient(#54bbd9, #2f99b8);
    background: -ms-linear-gradient(#54bbd9, #2f99b8);
    background: -o-linear-gradient(#54bbd9, #2f99b8);
    background: linear-gradient(#54bbd9, #2f99b8);
	-pie-background: linear-gradient(#54bbd9, #2f99b8);*/
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(assets/css/PIE.htc);
}
#menu > li.pro > ul > li > a {
	text-shadow: none !important;
	background: none;
}
#menu > li.pro a:hover, a.btn-pro:hover{color: #fff;}
#menu > li ul li:first-child{-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;}
#menu li > ul  li:last-child{-moz-border-radius:0 0 3px 3px ;border-radius:0 0 3px 3px ;border-bottom: 0px none;}
#menu > li > a:hover > i.icon-exclamation-sign {background-image:url("../img/glyphicons-halflings-white.png");}
#menu:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}/* Clear floated elements */
#nav-phone{display:none;margin: auto auto auto 20%;text-align: center;width: 70%;} 

a.btn.btn-pro{background-position: 0 0;}

/* end new menu */

/* panel top */
#top{background: #8cc819;height: 5px;margin: 0;padding: 0;}
#paneltop{background: #8cc819;margin: 0;/*padding: 5px 0 10px 0;display:none;*/}
#panelbottom{background:none;margin: 0;padding: 0;}
#panelopen{padding: 10px 15px;margin: 0px;color: #FFF;cursor:pointer;
	text-shadow: 1px 1px #8cc819 !important;
	background: #8cc819;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#8cc819) to(#8cc819));
    background: -webkit-linear-gradient(#8cc819, #8cc819);
    background: -moz-linear-gradient(#8cc819, #8cc819);
    background: -ms-linear-gradient(#8cc819, #8cc819);
    background: -o-linear-gradient(#8cc819, #8cc819);
    background: linear-gradient(#8cc819, #8cc819);
	-pie-background: linear-gradient(#8cc819, #8cc819);*/
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	behavior: url(assets/css/PIE.htc);
}
#panelopen a{color:#FFF;font-size:12px;}
.pass{color: #fff;text-shadow:1px 1px #8cc819 !important}
.pass:hover{color:#333;}
.connex{padding:6px 14px;}

/* end panel top */

/* header */

#search input.span3{margin-right: 5px; padding: 4px 5px;}
#SearchInput{width:200px;}
.search span{padding-left:10px;}
#header_social{padding: 10px;width:250px;}

/*#header{position:relative; height:100px;}
#logo{ position:relative;}
#logo img{position: relative; top:-32px;}
#search{ position:absolute; bottom:10px;margin:0px;font-family:Ubuntu, Arial, Helvetica;font-size:16px;font-weight:700;}*/
#search{ margin:0px;font-family:Ubuntu, Arial, Helvetica;font-size:16px;font-weight:700;}

#header_links{max-width: 280px;padding:5px;line-height:12px;}
#header_links .barre_nav{font-size:10px;}
/* end header */

.grey-bg{ background:#F5F5F5; border-top: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA; margin: 30px 0; padding: 20px 0;}
@media(max-width: 480px){ .grey-bg{margin: 10px 0px 10px 0px;} }
.dark-grey-bg{ background:#303030; border-top: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA; margin: 30px 0; padding: 20px 0 0 0;}

/* boutons thèmes */
.thm {
  background-attachment:scroll;
  background-color:transparent;
  background-image:url("../img/pictos-themes.png");
  background-position:0 0;
  background-repeat:no-repeat no-repeat;
  height:80px;
  margin:auto;
  text-align:center;
  width:80px;
}
.thm-reno {background-position:0 0;}
.thm-elec {background-position:-80px 0;}
.thm-enr {background-position:-160px 0;}
.thm-eco {background-position:-240px 0;}
.thm-clim {background-position:-320px 0;}
.thm-euro {background-position:-400px 0;}
.thm-reno:hover {background-position:0 -80px;}
.thm-elec:hover {background-position:-80px -80px;}
.thm-enr:hover {background-position:-160px -80px;}
.thm-eco:hover {background-position:-240px -80px;}
.thm-clim:hover {background-position:-320px -80px;}
.thm-euro:hover {background-position:-400px -80px;}


/* FOOTER */
footer { padding:30px 0px;  background:#303030; color:#cacaca; border-top:1px solid #444; border-bottom:1px solid #444;}
footer h5 { color:#999 !important; margin-bottom:5px;}
footer p {margin-bottom: 0;color: #777;font-size:11px; line-height:14px;}
footer hr {margin: 5px 0;border: 0;border-top: 1px solid #222;border-bottom: 1px solid #444;}
footer span {   margin-bottom: 0;color: #777;font-size:11px; line-height:14px;}
#chauffage{ color:#666; line-height:15px;}
#chauffage a{ color:#666; }

.twitter-block { padding:20px 0px; background:#3a3a3a; color:#FFF;}
.bottom-block { padding:10px 0px; background:#3a3a3a; color:#999; font-size:11px; border-bottom:5px solid #000;}
.twitter-block h4 { color:#FFF;}
.twitter-block h5 { margin-bottom:5px; color:#999;}
.twitter-block .header p{ font-size:11px; line-height:14px; color:#777;}
.twitter-block .well {
  min-height: 20px;
  padding: 15px;
  margin-bottom: 0px !important;
  background-color: #333;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#jstwitter .tweet {font-size:13px;padding-right:5px;margin-right:20px;color:#999;}
#jstwitter {margin-left:70px;}
#jstwitter:first-child {border-top:none; }
#jstwitter .tweet a {text-decoration: none;color: inherit;border-bottom:1px solid #8cc819;}
#jstwitter .tweet a:hover {color:#8cc819;}
#jstwitter .tweet .time {font-size: 10px;font-style: italic;color: #666;}
#jstwitter ul li {list-style:none;overflow:hidden;}

.soc_icons a{ float:left; margin-right:10px; margin-top:5px;}
.icon_t { width:24px; height:24px; background:url('../img/icons_twitter.png')}
.icon_t:hover {background:url('../img/icons_twitter_hover.png')}
.icon_facebook { width:24px; height:24px; background:url('../img/icons_facebook.png')}
.icon_facebook:hover {background:url('../img/icons_facebook_hover.png')}
.icon_dribbble { width:24px; height:24px; background:url('../img/icons_dribbble.png')}
.icon_dribbble:hover {background:url('../img/icons_dribbble_hover.png')}
.icon_google { width:24px; height:24px; background:url('../img/icons_google.png')}
.icon_google:hover {background:url('../img/icons_google_hover.png')}
.icon_in { width:24px; height:24px; background:url('../img/icons_in.png')}
.icon_in:hover {background:url('../img/icons_in_hover.png')}

/* DOSSIERS */
.dossiers{font-family: Ubuntu, Arial, sans-serif;}
.nav-pills.dossiers > li > a,
.nav-pills.produits > li > a{font-size:14px; margin-bottom:1px; font-weight:300; color:#000000; width:97%;}
.nav-pills.dossiers [class^="icon-"] {margin: 2px 5px 0 0;}
.nav-pills.dossiers > li > a:hover,
.nav-pills.dossiers > li.selected a,
a.bg-vert
{ 
  text-shadow: 1px 1px #8cc819 !important;
  background-color: #8cc819;
  color:#FFFFFF;
    /*background: #8cc819;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#8cc819) to(#8cc819));
    background: -webkit-linear-gradient(#8cc819, #8cc819);
    background: -moz-linear-gradient(#8cc819, #8cc819);
    background: -ms-linear-gradient(#8cc819, #8cc819);
    background: -o-linear-gradient(#8cc819, #8cc819);
    background: linear-gradient(#8cc819, #8cc819);*/
}
.nav-pills.dossiers > li > a:hover [class^="icon-"]{background-image: url("../img/glyphicons-halflings-white.png");}
.nav-pills.dossiers > li > a:hover .icon-folder-close{background-position: -408px -120px;}
.nav-pills.dossiers [class^="icon-"].pull-right{ opacity: 0;margin:4px 0;}
.nav-pills.dossiers > li.selected a[class^="icon-"].pull-right,
.nav-pills.dossiers > li > a.bg-vert .icon-chevron-down{ opacity: 0.25;}
.nav-pills.dossiers > li.selected a:hover [class^="icon-"].pull-right,
.nav-pills.dossiers > li.all a:hover [class^="icon-"].pull-right{ opacity: 1;}
.nav-pills.dossier > li.selected > ul.nav{margin-bottom:2px;}
.nav-pills.dossiers > li > ul > li{ padding-right: 0;}
.nav-pills.dossier > li > a:hover [class^="icon-"].pull-right,
.nav-pills.dossiers > li > a.bg-vert:hover .icon-chevron-down { opacity: 1;}
.nav-pills.dossier > li.selected > ul > li > a{ color:#000000; display:inline-block; width:100%;position:relative;}
.nav-pills.dossier > li.selected > ul > li > a span{ padding-left:12px;}
.nav-pills.dossier > li.selected > ul > li > a:hover{color:#FFF;}
.nav-pills.dossiers  [class^="icon-"].pull-left {position: absolute;top:6px;left:5px;}
.nav-pills.dossier > li.selected > ul > li.selected > a{background:none;}
.nav-pills.dossier > li.selected > ul > li.selected  { padding: 5px 0 5px 10px; color:#000; font-size: 14px;}
.nav-pills.dossiers > li > ul.sousdossier,
.nav-pills.dossiers > li > ul.produits{display: none;}
.nav-pills.dossiers > li.selected > ul.sousdossier{display: block;}

.theme{width:80px;height:80px;}

/* end DOSSIERS */



.more{
	background-color: #444444;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#777) to(#444));
    background: -webkit-linear-gradient(#777, #444);
    background: -moz-linear-gradient(#777, #444);
    background: -ms-linear-gradient(#777, #444);
    background: -o-linear-gradient(#777, #444);
    background: linear-gradient(#777, #444);*/
	font-size:12px;
	font-weight:300;
	padding-left: 12px;
}
.more a{text-shadow: 1px 1px #000 !important;color:#FFFFFF;}
.more:hover{
	background-color: #666666;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#666) to(#333));
    background: -webkit-linear-gradient(#666, #333);
    background: -moz-linear-gradient(#666, #333);
    background: -ms-linear-gradient(#666, #333);
    background: -o-linear-gradient(#666, #333);
    background: linear-gradient(#666, #333);*/
}
.more.pull-left{padding-left: 5px;}
.more [class^="icon-"]{ margin: 0 0 2px 10px; opacity: 0.5;}
.more.pull-left [class^="icon-"]{ margin: 0 0 2px;}
.more:hover , .more.pull-left:hover [class^="icon-"]{ opacity: 1;}


/*******innovations********/
#innozone{ padding: 0 0 30px; margin:0;}

.row-fluid [class*="span"].inno{
    padding: 2px; 
    min-height:320px;
    background-color: #777777;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#777) to(#444));
    background: -webkit-linear-gradient(#777, #444);
    background: -moz-linear-gradient(#777, #444);
    background: -ms-linear-gradient(#777, #444);
    background: -o-linear-gradient(#777, #444);
    background: linear-gradient(#777, #444);*/
    position: relative;
}

.row-fluid [class*="span"].inno:hover {
    background-color: #666666;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#666) to(#333));
    background: -webkit-linear-gradient(#666, #333);
    background: -moz-linear-gradient(#666, #333);
    background: -ms-linear-gradient(#666, #333);
    background: -o-linear-gradient(#666, #333);
    background: linear-gradient(#666, #333);*/
}

.inno h3 i {margin: 6px 6px 0 0;}
.inno img { width: 270px; height: 160px;}
.inno a p { padding:7px 10px; margin:0px; color:#FFF;min-height:100px;font-size:12px;}
.inno h3 {
  color: #FFFFFF;
  line-height: 22px;
  margin: 10px;
  min-height: 40px;
  padding: 0px;
  font-size:16px;
}
.inno .badge {width:auto; margin:0 7px 7px;position:absolute;right:10px;bottom:10px;}

/*******end innovations********/


#pub_accueil{position:relative;}

#expertise  a {color:#777;}
#expertise a:hover {color:#8cc819;}
#expertise p { margin: 0; font-size:12px;padding-right: 20px;}
#expertise p.colored { margin-bottom: 5px;}
#expertise div.bas { margin-top: 40px;margin-bottom: 0; padding-top: 30px; padding-bottom: 30px;background:#F5F5F5; border-top: 1px solid #EAEAEA;}
#expertise H3 {line-height: 22px; margin-top: 0px; font-size:18px; font-weight:300; margin-bottom:3px }
#expertise  div.redac{ position: relative;}
#expertise  div.redac .badge {position:absolute;bottom:-30px;right:10px;}
#expertise  div.redac .badge a{color:#FFF;line-height:22px}
#expertise div.bas2{margin-bottom: 0; padding-top: 10px; padding-bottom: 30px;background:#F5F5F5;}
#expertise div.bas2 ul{background:#FFF;}

div.redac h3 { font-size:15px; line-height:24px;}
div.redac div.well{ background-color: #fbfbfb;}

/* barre de navigation */
.barre_nav{color:#333333;font-family: Ubuntu, Arial, sans-serif;font-size:12px;}
.barre_nav a{color:#333333;}
.barre_nav a:hover{color:#7DAF27;}
.page_actuelle{color:#333333;}

/* liens sponsorisés */
div.liens_sponso {position: relative;}
div.liens_sponso div.well{min-height: 140px;}
div.liens_sponso h5 {color: #4FB6D5;font-size: 15px;line-height: 24px;}
div.liens_sponso  div.well p {margin-bottom: 2px;}
div.liens_sponso  div.well div.btn-group{bottom: 40px;position: absolute;right: 20px;}
div.liens_sponso  div.well div.center{height:50px;}
div.liens_sponso  div.well img{max-height: 50px;}

/* liens de référencement dans contenu */
a.def_link{ color:#666;}

/* boutons liens sociaux */
button.social {margin: 0 0 20px 0; padding:0px;}
button.social p{ width: 70px; height:70px; margin:0; position: relative; font-style:oblique; }
button.social i{background:url("../img/social-sprite.png") no-repeat scroll 0 0 transparent; display:inline-block; position: absolute;line-height:14px;width:50px;height:50px;}
button.social p{background: url("../img/deg-w-50.png") repeat-x scroll 0 50px transparent;}
button.social a{color: white;}
button.social  i.twit {background-position: -195px -5px;bottom: 1px;height: 50px;right: 7px;width: 60px; opacity:0.5;}
button.social  i.gplus {background-position: -66px -3px;bottom: 1px;height: 50px;right: 7px;width: 50px; opacity:0.5;}
button.social  i.fbook {background-position: -40px -3px;bottom: 1px;height: 50px;right: 7px;width: 25px; opacity:0.5;}
button.social:hover i.twit,button.social:hover i.gplus,button.social:hover i.fbook{opacity:1;}

/* liste des produits */
.ste, .ste-detail{position: relative;}
.ste:hover{background-color: #FAFAFA;}
.ste .ste-nom{ max-width:550px;}
.ste .contact, .ste-detail .tel{position:absolute; top:20px; right:10px;}
.adresse{ margin-bottom:30px;max-width:400px;}
.ste-detail > table td, .contenu > table td{padding:20px;}
div.accordion-group i.icon-chevron-right{opacity: 0.25;margin-top:5px;}
div.accordion-group:hover i.icon-chevron-right{background-position:-313px -119px;opacity: 1;}
#liste_annu p{margin:0;padding:10px;}
#liste_annu p.ligne{background-color:#fafafa;}

/* zone pub */
.btn-accueil{line-height: 36px;padding-right:50px;}
.btn-bul{background:url("../img/bulle-accueil.png") no-repeat scroll 20px 5px;}
.btn-cle{background:url("../img/cle-accueil.png") no-repeat scroll 20px 5px;}

/* contenus */
.contenu {
	border: 1px solid #DDDDDD;
	margin: 15px 0;
	padding: 20px;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(assets/css/PIE.htc);
}
.table.noborder td{border:none;vertical-align:middle;}
.stattab{width:660px;}
.cpc{width:100%;}
.btnbas{position: absolute; bottom:0px; right:20px;}
.imgexpert{float:left;margin: 0 15px 5px 0 !important;}

.btn-download{line-height:20px;padding: 5px !important;}
.btn-download  i, .download{ background: url("../img/btn-dossier-download.png") no-repeat scroll 0 0 transparent;display: block;height: 70px;float:left;width: 70px;}
.btn-chiffrez{line-height:20px;padding: 5px !important;}
.btn-chiffrez  i, .chiffrez{background: url("../img/chiffrez-vos-travaux-icon.png") no-repeat scroll 0 0 transparent;display: block;height: 70px;float:left;width: 70px;}

.input-append .W10p{width:10%;padding:4px 0;}
.fixpad{padding-right:12px;}
.bourse-list{background-color: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin:20px 0;padding:20px;}
#aide-img{padding-top:220px;}

/* tableau de stat */
.noaccordion{margin-bottom:20px;}
.noaccordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.noaccordion-heading{border-bottom:0; margin-top:20px;}
.noaccordion-heading .accordion-toggle{display:block;padding:8px 15px;}
.noaccordion-toggle{cursor:pointer;}
.noaccordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}


div.marchand_prod {min-width: 30%; max-width: 33.3%;margin:0;}

div.marchand_prod > div > div.inner{
position: relative;   
font-size: 10px;
    color: #333;
    margin: 0;
    background-color: #ffffff;
    /*background: -webkit-linear-gradient(#ffffff, #f5f5f5);
    background: -moz-linear-gradient(#ffffff, #f5f5f5);
    background: -ms-linear-gradient(#ffffff, #f5f5f5);
    background: -o-linear-gradient(#ffffff, #f5f5f5);
    background: linear-gradient(#ffffff, #f5f5f5);
	-pie-background: linear-gradient(#ffffff, #f5f5f5);*/
	-moz-border-radius: 5px;
	border-radius: 5px;
        border: 1px solid #e3e3e3;
	behavior: url(assets/css/PIE.htc);
        min-height: 130px;
        padding: 10px;
        overflow: hidden;
}

div.marchand_prod.prod2{min-width: 47%;max-width: 49.9%;}
div.marchand_prod.prod4{min-width: 24.5%;max-width: 24.9%;}
div.marchand_prod.prod3{min-width: 30%;max-width: 33.3%;}

div.marchand_prod > div > div.inner:hover{border: 1px solid #333;}
div.marchand_prod > div > div.inner > button{margin: 0;}
div.marchand_prod > div > div.inner img{margin: 5px !important; }
div.marchand_prod > div > div.inner > div.marque .label{padding: 3px 4px 2px;}

.en_avant,.prod_normal{background-color: #d9edf7;border: 1px solid #bce8f1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 10px 0 10px 10px;margin-bottom:20px;}
.en_avant_rech{background-color: #d9edf7;border: 1px solid #bce8f1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 20px;margin-bottom:20px;}
.en_avant > h2, .prod_normal > h2,{background-color: #FFF;border: 1px solid #bce8f1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin: 10px 20px 10px 10px;padding: 12px 20px 10px;font-size: 24px;font-weight: 400;}
.prod_normal{border-color: #ddd; background-color: #F5F5F5; padding: 0 20px;}

.Mprods_filter ul.dropdown-menu li {display: block;padding: 3px 20px;clear: both;line-height: 20px;white-space: nowrap;cursor: pointer;}
.Mprods_filter {padding-bottom: 40px;}
.Mprods_filter > div.span6.filter2{width: 100%;}

#searchprod{position:relative;height:65px;}
#searchprod > form{width: 100%;position: absolute;padding: 10px 7px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color:#D9EDF7;border: 1px solid #bce8f1;}

/* Isotope Transitions
------------------------------- */
.isotope,
.isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}


/******* media queries ********/
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px){
	#con_email,#con_pass{width:40%;margin-bottom:10px;}
	#top-logo,#top-nav{text-align:center;}
	/*#logo{margin-top:25px;height:60px;}*/
	#search{position:relative;}
	#search input{height: 40px;margin-left: 20px;}
	#search button{padding:9px 15px;}
	#nav-phone{display:block;}
	.mar-phone{margin-left:10%;margin-right:10%}
	.btn-accueil{width:30%;float:left;background-position:-5px 5px;padding:20px 10px 20px 60px;margin-bottom:30px;}
	.btn-cle{float:right;}
	#innozone{margin-top:30px;}
	#innozone div.row-fluid{padding:0;}
	#innozone h2{padding:20px 20px 0 20px;}
	.inno h3{font-size:20px;}
	.row-fluid  .inno[class*="span"]{padding:20px 10%;margin:20px;}
	.ste-nom h2{font-size:1.3em;line-height:22px;padding-top:40px;}
	.adresse{margin-top:40px;}
	.liens_sponso.span4 {width: 100%;margin:0;}
	#liste li{font-size: 1.2em;line-height: 40px;}
	.nav-pills.dossiers > li > a,.nav-pills.produits > li > a {width:auto;}
	.nav-pills.dossiers > li > a,.nav-pills.produits > li > a {margin-top:10px;background-color:#ddd;}
	.nav-pills.dossiers > li > a,.nav-pills.produits > li > a:hover {background-color:#eee;}
	#BourseForm > h1.well{padding-bottom:45px;}
	#aide-img{padding-top:0;}
	label.right{text-align:left;}
	.form-horizontal select,.form-horizontal input{margin-bottom:20px;}

    div.marchand_prod > div.inner{min-height: 110px;}
    div.marchand_prod.prod2{min-width: 47%;max-width: 49%;}
    div.marchand_prod.prod3{min-width: 47%;max-width: 49%;}
    div.marchand_prod.prod4{min-width: 47%;max-width: 49%;}

    //.Mprods_filter > .filter2, .Mprods_filter > .filter3, .Mprods_filter > .filter4{width: 90%;}
}

@media (min-width: 1201px){a.mobile-menu{display: none;}}

@media (max-width: 1200px){
  #top{display: none;}
  #panelbottom{display: none;}

	/*#logo{margin-top:25px;height:50px;padding:10px 10px 0 10px;}*/
	#logo{margin: 10px;}
  
	#search{position:relative;}
	/*#search input.span3{height: 40px;margin-left:0;width:70%;}*/
	#search input.span3{height: 40px;margin-left: 5px;}
	.search span {display: none;}

  #top-logo{width: 100% !important; text-align: center !important;}
}

/* Landscape phones and down */
@media (max-width: 480px){

	#nav-phone{display:block;margin-left:5%;margin-right:5%;width:90%;}
	.mar-phone{margin-left:5%;margin-right:5%}
	.btn-accueil{width:35%;float:left;background-position:-5px 5px;padding:20px 10px 10px 20px;margin-bottom:30px;background-size:70px;}
	.btn-cle{float:right;}
	.btn-cle span{display:block;}
	.adresse{margin-top:60px;}
	div.liens_sponso div.well {min-height: 140px;padding-bottom: 50px;}
	.btn-group.contact a.btn{padding:5px 10px;}
	.btn-group.contact a.btn i{display:none;}
	label.right{text-align:left;}
	.form-horizontal select{margin-bottom:20px;}

    /* sequence */

    #sequence > .sequence-canvas li > * {  /* required */
        position: absolute;
    }
    #sequence > .sequence-canvas { /* required */
        height: 100%; 
        width: 100%;
    }
    #sequence > .sequence-canvas > li { /* required */
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    div.marchand_prod.prod2{width: 98%;min-width: 99%;}
    div.marchand_prod.prod4{width: 98%;min-width: 99%;}
    div.marchand_prod.prod3{width: 98%;min-width: 99%;}
    
    //.Mprods_filter > .filter2, .Mprods_filter > .filter3, .Mprods_filter > .filter4{width: 90%;}


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
	.btn-accueil {padding-left: 95px;padding-right: 40px;}
	.btn-bul,.btn-cle {background-position:15px 20px;}
	div.liens_sponso div.well {min-height: 140px;padding-bottom: 50px;}

    div.marchand_prod.prod2{width: 99%;min-width: 100%;}
    div.marchand_prod.prod3{min-width: 47%;max-width: 49%;}
    div.marchand_prod.prod4{min-width: 47%;max-width: 49%;}
    
    .Mprods_filter > .filter2{width: 90%;}
	
	select#accesrapide{width: auto;}

}

/* tablet landscape and more */
@media(min-width: 980px){
    
    div.marchand_prod.prod2{min-width: 47%;max-width: 49%;}
    div.marchand_prod.prod3{min-width: 32%;max-width: 33%;}
    div.marchand_prod.prod4{min-width: 23%;max-width: 24%;}

}

/*  desktop */
@media (min-width: 980px) and (max-width: 1199px){
	.imgexpert{width:100px;height:100px;float:left;margin: 0 7px 0 0 !important;}
        
    div.marchand_prod.prod2{min-width: 48%;max-width: 49.5%;}
    div.marchand_prod.prod3{min-width: 32%;max-width: 33%;}
    div.marchand_prod.prod4{min-width: 32%;max-width: 33%;}
	
}

 /* Large desktop */
@media (min-width: 1200px){

    div.marchand_prod.prod2{min-width: 48%;max-width: 49.5%;}
    div.marchand_prod.prod3{min-width: 23%;max-width: 24.5%;}
    div.marchand_prod.prod4{min-width: 23%;max-width: 24.5%;}

}


.rangeslider,
.rangeslider__fill {
  background: #e6e6e6;
  display: block;
  height: 12px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  top:10px;
}

.rangeslider {
  position: relative;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
	background: #a5cd4e; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);*/
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 20px;
  position: absolute;
  top: -5px;
  /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));*/
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 /* background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0.5)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0.5));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0.5));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0.5));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0.5));*/
  -webkit-border-radius: 16px 7px 3px 3px;
  -moz-border-radius: 16px 7px 3px 3px;
  -ms-border-radius: 16px 7px 3px 3px;
  -o-border-radius: 16px 7px 3px 3px;
  border-radius: 16px 7px 3px 3px;
}
.rangeslider__handle:active {
  /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));*/
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/* OWL carousel */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* theme owl carousel */

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* bandeau dossier du mois */
#bandeau-dossierdumois { background-size: cover; }
#bandeau-dossierdumois .btn-large { line-height: 41px !important; }
#bandeau-dossierdumois .span3 { height: 110px !important; padding-top: 15px !important; }
#bandeau-dossierdumois h1 {font-weight: 300 !important;}
#bandeau-dossierdumois .shadowed {text-shadow: -1px 0px 1px #000000;}
#bandeau-dossierdumois h3 {font-weight: 400 !important; }


/*** modif maj 2017 ***/


@media (max-width: 999px){

  h1.well, .titre h1, .titre h2, h1.colored{font-size: 24px !important; line-height: 26px !important;}
  h1.well.green{margin-top: 0px;}

}

@media (min-width: 1000px){

  h1.well, .titre h1, .titre h2, h1.colored{font-size: 28px !important; line-height: 30px !important;}

}

h1.well.green{margin-bottom: 5px;}


.titre small{font-size: 0.6em; font-weight: 400;}
h2{font-size: 24px; line-height: 25px;}

h1.decor::before, h2.decor::before, h3.decor::before, h4.decor::before, h5.decor::before, h6.decor::before{
  content: "/// ";
  font-weight: 400;
  color: #8cc819;
}

#menu-dossier h5.title{color: #888888; font-size: 1.4em; font-weight: 300; line-height: 14px;}
#menu-dossier h6 {font-size: 16px; line-height: 16px;}
#menu-dossier h6 > a{color: #444444;}
#menu-dossier li > a{width: auto !important;}


#theme-mensuel *{box-sizing: border-box;}
#theme-mensuel > a{width: 100%; background-size: cover; height: 200px; display:block; position: relative;}
#theme-mensuel > a > div{position: absolute; bottom: 0; min-height: 40%; width: 100%; background-color: rgba(140, 200, 19, 0.6); padding: 10px 20px 10px 20px; display: flex; justify-content: space-between;}
#theme-mensuel > a > div > div{align-self: center;}
#theme-mensuel > a > div > div.action { padding: 10px 40px 10px 40px; background-color: #4b4b4b; font-family: Ubuntu, "Ubuntu Condensed", Arial, sans-serif; color: #ffffff; font-size: 1.2em;}
@media (max-width: 1199px){#theme-mensuel > a > div{flex-direction: column;}}
#theme-mensuel > a:hover > div > div.action{background-color: #8cc819; box-shadow: 4px 4px 0px rgba(255,255,255,0.8);}
/*#theme-mensuel h1::after{  
  content: ">>>";
  font-weight: 400;
  font-size: 0.9em;
  color: #8cc819;
  float: right;
}*/

.bloc-chronique-grey-title, .bloc-chronique-grey-title *{box-sizing: border-box;}
.bloc-chronique-grey-title a{display: block; color: #ffffff;}
.bloc-chronique-grey-title a > div {background-size: cover; display: block; height: 160px; position: relative; width: 100%; margin-bottom: 10px;}
.bloc-chronique-grey-title a > div > div{background-color: rgba(0, 0, 0, 0.8); bottom: 0; min-height: 40%; position: absolute; width: 100%; padding: 10px; font-size: 1.2em; display: flex; flex-direction: column; justify-content: center;}
.bloc-chronique-grey-title a > div > div > span::after {content: " >>>"; font-weight: bold; color: #8cc819; }

.bloc-chronique-grey-title a:hover > div > div{background-color: rgba(140, 200, 19, 0.9);}
.bloc-chronique-grey-title a:hover > div > div > span::after {color: #ffffff; }

.bloc-chronique-bg {padding: 0px 0px 10px 0px;border-bottom: 1px dashed #888888;}
.bloc-chronique-bg:hover {border-color: #8cc819;}
.bloc-chronique-bg a{display: block; color: #444444;}
.bloc-chronique-bg a > div {background-size: cover; display: block; height: 170px; position: relative; width: 100%; margin-bottom: 10px;}
.bloc-chronique-bg a > div > div{background-color: rgba(0, 0, 0, 0.7); bottom: 0; height: 60px; position: absolute; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.bloc-chronique-bg .lire-la-suite::after{transition: font-size 0.2s;}
.bloc-chronique-bg:hover .lire-la-suite::after{font-size: 1.5em;}

/*.bloc-chronique img{width: 80px; height: 80px;}
.bloc-chronique h4{font-weight: 400; min-height: 40px;}
.bloc-chronique .description{height: 90px; overflow: hidden;}
.bloc-chronique .well{padding-bottom: 8px;}*/
.bloc-chronique a img{width: 100%; height: 80px; transition: all 300ms; filter: grayscale(1);}
.bloc-chronique:hover a img{filter: grayscale(0);}
.bloc-chronique a{display: block; color: #444444;}
.bloc-chronique h4, .bloc-chronique-bg h4{font-weight: 400; color: #ffffff;}
.bloc-chronique {padding: 0px 0px 10px 0px;border-bottom: 1px dashed #888888;}
.bloc-chronique:hover {border-color: #8cc819;}
a.lire-la-suite::after{

  /*display:inline-block;
  width:14px;
  height:14px;
  line-height:14px;
  vertical-align:text-top;
  background-image:url(../img/glyphicons-halflings.png);
  background-position:-264px -96px;
  background-repeat:no-repeat;
  margin-top:1px;
  content: "";
  float: right;*/
  
  content: " >>>";
  font-size: 0.9em;
  color: #8cc819;
  float: right;
  font-weight: bold;

  /* border-color: transparent transparent transparent #8cc819;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    height: 0;
    left: -16px;
    margin: 16px;*/
  
}


a.tous-nos-dossiers{font-size: 0.7em; color: #444444;}
a.tous-nos-dossiers:hover{color: #8cc819;}
a.tous-nos-dossiers::after{content: " >>>"; font-size: 0.9em; color: #8cc819;}

.bloc-dossier {padding: 0px 0px 10px 0px; margin-bottom: 20px; border-bottom: 1px solid #888888;}
.bloc-dossier:hover{border-color: #8cc819; cursor: pointer;}
.bloc-dossier:hover h4{color: #8cc819;}
.bloc-dossier h4{height: 40px; margin-bottom: 5px; font-weight: 400;}
.bloc-dossier a{color: #444444; display: block;}

.titre-accueil{font-weight: 400;}

.bloc-dossier-bg{margin-bottom: 20px; font-family: Ubuntu, 'Ubuntu Condensed', Arial, sans-serif;}
.bloc-dossier-bg a{display: flex; flex-direction: column; justify-content: space-between; height: 140px; color: #444444; background-color: #e8e8e8; padding: 15px; box-sizing: border-box; position: relative;}
.bloc-dossier-bg h4{margin-top: 0px; border-bottom: 1px solid #8cc819; font-size: 15px; font-weight: 400; padding-bottom: 10px;}
.bloc-dossier-bg .bloc-dossier-action{margin-top: 10px; text-align: center; font-weight: 600; font-size: 1.1em; color: #ffffff; padding: 4px; background-color: #4b4b4b;}
.bloc-dossier-bg .bloc-dossier-action::after{content: " >>>";}
.bloc-dossier-bg:hover .bloc-dossier-action{background-color: #8cc819;}
.bloc-dossier-bg a > div{max-height: 110px; overflow: hidden;}

.bloc-dossier-bg a::before{content: ""; position: absolute; bottom: 0; right: 0; border-width: 0px 0px 20px 20px; border-style: solid; border-color: #444444 #e8e8e8;}
.bloc-dossier-bg a:hover::before{border-color: #8cc819 #e8e8e8;}

.bloc-inno-bg *{font-family: Ubuntu, 'Ubuntu Condensed', Arial, sans-serif; box-sizing: border-box;}
.bloc-inno-bg a{display: block;}
.bloc-inno-bg a >.bloc-inno-titre{background-color: #8cc819; color: white; padding: 10px; box-sizing: border-box; height: 64px; font-size: 16px;}
.bloc-inno-bg a >.bloc-inno-image{height: 160px; padding: 0; margin: 0;}
.bloc-inno-bg a >.bloc-inno-image img{height: 160px; width: 100%;}
.bloc-inno-bg a >.bloc-inno-texte{color: #444444; padding: 10px; height: 110px; background-color: #e8e8e8;}
.bloc-inno-bg a >.bloc-inno-action{color: white; padding: 10px; height: 40px; line-height: 20px; background-color: #4b4b4b; text-align: center; font-size: 1.2em;}
.bloc-inno-bg a >.bloc-inno-action::after{content: " >>>";}
.bloc-inno-bg a:hover >.bloc-inno-action{background-color: #8cc819;}

#search a.mobile-menu{padding-top: 9px !important; padding-left: 15px !important; padding-bottom: 9px !important; padding-right: 15px !important;}

@media (max-width: 981px){#top-nav{display: none;}}
#mobile-menu ul{margin: 10px;}
#mobile-menu ul li{line-height: 38px;list-style-type: none; text-align: center; font-size: 1.1em;}
#mobile-menu ul li a{color: #333; border-bottom: 1px dashed #8cc819; display: block; width: 90%; max-width: 320px; margin: auto; height: 100%; }
#mobile-menu ul :first > a :first{border-top: 1px dashed #8cc819;}
#mobile-menu ul li a:hover{background-color: #eeeeee;}

.widget-enchantier{margin: 0px 0px 20px 0px; padding-left: 10px; border-left: 1px dashed #8cc819;}

@media (min-width: 768px){ .span12 .widget-enchantier iframe{width: 80%; display: block; margin: auto;} }

/*.lien-sponsorise {padding-left: 10px; border-left: 1px dashed #8cc819; display: block; color: #444444; margin-bottom: 20px; margin-top: 20px;}
.lien-sponsorise:hover {color: #444444;}
.lien-sponsorise .span9::after{
  content: "voir plus >>>";
  margin-top: 10px;
  font-size: 0.9em;
  color: #8cc819;
  float: right;
}*/

.lien-sponsorise {padding: 15px; background-color: #f5f5f5; display: block; color: #444444; margin-bottom: 20px; margin-top: 20px; border: 1px solid #e3e3e3;}
.lien-sponsorise:hover {color: #444444;}
.lien-sponsorise img {width: 120px;}

.collapse.in.ov{overflow: visible !important;}

/*
 * couleurs
 *
 * vert
 * !7daf23 => !8cc819
 * !93be11 => !8cc819
 * !9ac92c => !8cc819
 *
 * orange
 * !faa732 => !f07832
 * !fbb450 => !f07832
 * !f89406 => !f07832
 *
 * bleu
 * !5bc0de => !2f96b4
 * !49afcd => !2f96b4
 */

 
header .menu{display: flex;}
header .menu > a, header .menu > div, header .menu > div {font-size: 1.2em; text-align: center; display: block; padding: 5px 20px 0px 20px; line-height: 90px; font-family: Ubuntu, "Ubuntu Condensed", Arial, sans-serif; border-bottom: 5px solid #ff8b25; color: #444444;}
header .menu > a.active, header .menu > a:hover, header .menu > div:hover:not(.no-hover), header .menu > div.active{color: #ffffff !important; background-color: #8cc819; cursor: pointer;}
header .menu > div a{color:#444444;}
header .menu > div.no-hover{border-color: #444444;}

header .menu .menu-hover{      
  position: relative;
  display: inline-block;
}

header .menu .menu-hover > div{
  display: none;
  position: absolute;
}

header .menu > a.menu-login{color: #444444; /*background-color: #e8e8e8;*/}
header .menu > a.menu-login:hover{color: #ffffff; background-color: #4b4b4b;}
header .menu > a.menu-login:hover i{background-image: url(../img/glyphicons-halflings-white.png);}

header .menu > div:hover > a, header .menu > div.active > a{color: #ffffff;}

header .menu .menu-hover:hover > div{
  display: flex; flex-direction: column; background-color: #ffffff; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); width: 240px; position: absolute; left: 0px; z-index: 101;
}

header .menu .menu-hover > div > a {line-height: 20px; padding: 10px; font-size: 0.9em; text-align: left;}
header .menu .menu-hover > div > a:hover {color: #ffffff; background-color: #8cc819;}

header.main-menu{height: 100px; width: 100%; display: block; position: fixed; background-color: #ffffff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); top: 0; padding: 0; margin: 0; z-index: 100;}
header.main-menu > div{width: 1170px; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: row;}

header #search button{position: relative; left: -28px; background: none; border: 0; box-shadow: none; padding: 0px;}
header #search input{border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
header #search fieldset{padding-left: 20px;}

@media (max-width: 1200px){ header.main-menu, header.main-menu *{display: none;} header.main-mobile-menu{display: block !important;}}
@media (min-width: 1201px){body.fixed-main-menu{padding-top: 100px;} header.main-mobile-menu{display: none !important;}}

html{scroll-behavior: smooth;}
.fixed-anchor{display: block; position: relative; top: -120px; visibility: hidden;}

.icon-rotating{
	-webkit-animation: rotateicon 2s infinite linear;
	animation: rotateicon 2s infinite linear;
}

@-webkit-keyframes rotateicon {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotateicon{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}