/*Importation des fonts*/
@import url(fonts/TheSans/fonts.css);
@import url(animate.min.css);
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
 @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');

@media print {
  [class*="col-"] {
    float: left;
  }
} 

/*Style Sharepoint Admin*/
#s4-workspace .footer{position:relative;display:block;}
#s4-workspace p,.ms-dlgContent p{color:#414141}
#MSOTlPn_ToolPaneButtons {position:absolute;bottom:0;right:0;}

/* Sticky footer */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-family: arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
  overflow-x: hidden; /* Prevent scroll on narrow devices menu-gauche*/
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}
/************/

/*Message d'urgence page d'accueil*/
.message-site {
	background: #f2f2f2;
	padding: 10px 0 10px 10px;
	border-left:7px solid #df1f26;
	color:#000;
	/*font-weight:bold;*/
	margin-bottom:20px
}
.message-site .container:before{
	font-family: FontAwesome;	
	font-size:30px;
	color:#df1f26;
	display:inline-block;
	content:"\f071";
	margin-right:2.5%;
	margin-top: 20px;
}
.message-site #messageurgence{
    display: inline-block;
    width: 80%;
    vertical-align: top;
}
/************/
cite {
	font-style:normal;
}
abbr[data-original-title], abbr[title]{
	border-bottom: none;
}

/* Hyperliens*/
a {
	color:#414141;
	line-height:18px;

}
a:focus {
	/*outline:none;*/
	color:#414141;
}
a:hover{
	color:#414141;
}

p{
	line-height:18px;
	color:#414141;
	margin:20px 0;
}
h1 + .lead,
h2 + .lead,
h3 + .lead,
h4 + .lead,
h5 + .lead,
h6 + .lead{
margin:0px 0 20px 0;	
}

p.lead.,.lead{
	font-size:18px;
	font-weight:300;
	/*font-family: 'thesansregular';*/			
	font-family:'roboto';
	font-weight:300;
}
ul.lead{
	font-size:18px;
	font-weight:300;
	/*font-family: 'thesansregular';*/
	font-family:'roboto';
}
ul.lead li{
	background:transparent url("/images/puce.png") no-repeat scroll left 11px !important;
}
.mepFicheCommunique .lead{
	font-size:22px;
}
.container {
    height: auto;
}
h1,h2,h3,h4,h5,h6{
	text-transform:none;
	color:#414141;
	/*font-family: 'thesansregular';*/
	font-family:'roboto';
	font-weight:300;
}

h1.bolder,h2.bolder,h3.bolder,h4.bolder,h5.bolder,h6.bolder{	
	/*font-family: 'thesansextrabold';*/
	font-family:'roboto';
	font-weight:700;
}
h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold{	
	/*font-family: 'thesansbold';*/
	font-family:'roboto';
	font-weight:400;
}

h1{
	font-size:32px;
}
/*h2{
	font-size:1.95em;*/

h3,h4{
	/*font-family: 'thesansbold';*/
	font-family:'roboto';
	font-weight:400;
}



h1.titre-special,
h2.titre-special,
h3.titre-special,
h4.titre-special,
h5.titre-special,
h6.titre-special{
text-transform:uppercase;
/*font-family: 'thesansextrabold';*/
font-family:'roboto';
font-weight:700;	
}

h2.titre-special{
line-height:0.75em;	
}

h2.titre-special span{
font-size:0.75em;
font-weight:400;
}
h3.titre-special span{
font-size:0.95em;
font-weight:300;
}

.font-size-7 {
	font-size:7em;
}

.h1,.h2,.h3,.h4,.h5,.h6{
	text-transform:none;
	color:#414141;
	/*font-family: 'thesansregular';*/
	font-family:'roboto';
	font-weight:300;
}

.caps{
	text-transform:uppercase;
}
.light{
	font-family:'roboto';
	font-weight:100;
}

/*.number-fix{
	 font-family: 'thesanscaps';
}*/
a.view-all{
	font-weight:bold;
	font-size:12px;
}
a.view-all:after{
	content:" »";
}
a.download,a.telecharger{
	font-weight:bold;
	font-size:12px;
}
a{}

@media (max-width: 991px) {
	.inner{
		padding:10px 0;
	}
}
/*alignement du texte*/
.text-left{
	text-align:left;
}

/*listes*/
ol{
    padding-left: 60px;
}
ol li{
	background:none!important;
}
ol li ul li{
	background:transparent url("/images/puce.png") no-repeat scroll left 8px !important;
}

ol.faq {
	padding-left:20px;
	margin:20px 0 40px 0;
	font-size: 22px;
    color: #414141;
}
ol.faq li{
	font-size:16px;
	margin:20px 0 20px 0;	
	padding-left:20px;
	line-height:20px;
}
ol.faq li p{
	line-height:22px;
}
ol.faq li .panel-heading{
	padding-top:20px;
	padding-bottom:20px;
}
ol.faq li .panel-heading .plus:after {
    float:none;
    position: absolute;
    right: 8%;
}

ol.faq li .panel-title{
	font-size:18px;
	line-height:22px;
	/*font-family:'thesanslight';*/
	font-family:'roboto';
	font-weight:300;
	width:90%;
}
ol.faq li .panel-body{
	padding:20px 40px;
}

.sans-puce{
	list-style-type: none;
	padding:0;
	background:none!important;
}
li ol.sans-puce[type='a']{
	padding-left:20px;
}
ol.sans-puce[type='a'] li{
	background:none;	
	list-style-type:lower-alpha!important;
	margin-left:0px;
	padding-left:0!important;
}
.sans-puce li{
	list-style:none!important;
	background:none!important;
}
.sans-puce li:before{
	content:none!important;
}
.list-unstyled li:before{
	content:none!important;
}
.list-unstyled li{
	background:none!important;
}

#main .ms-rtestate-field ul{
	list-style: none;
}
#main .ms-rtestate-field ul li {
    background: transparent url("/images/puce.png") no-repeat scroll left 8px;
	padding-left: 15px;
}
#main .ms-rtestate-fieldul li {
    display: block;
    padding-left: 13px;
}

#main ul ul,#main ul ul ul {
	margin:5px 0 10px 0;
}

#main .ms-rtestate-field ul ul li {
    background: none;
    list-style: circle;
    margin-left: 15px;
    padding-left: 0;
}
#main .ms-rtestate-field ul ul ul li {
    background: transparent url("/images/level3.png") no-repeat scroll left 8px;
    list-style: none;
    margin-left: 0px;  
    padding-left: 15px;
}

#main .liste-cercle{
	list-style-type: none!important;
}
#main .liste-cercle li {
	counter-increment:step-counter!important;
	padding-bottom: 30px;
}
#main .liste-cercle li:before {
	content: counter(step-counter)!important;
	background-color: #fff;
	font-size: 28px;
	color: #000;
	font-weight: bold;
	padding: 2px 11px;
	border-radius: 35px;
	border: 5px solid #008a00;
	display:block;
	width:50px;
	height:50px;
	margin:auto;
}
#main .liste-trait{
	list-style-type: none;
}
#main .liste-trait li {
	counter-increment:step-counter;
	padding-bottom: 30px;
}
#main .liste-trait li:before {
	content: counter(step-counter);
	font-size: 28px;
	color: #008a00;
	background:#fff;
	font-weight: bold;
	display:block;
	width:50px;
	height:50px;
	margin:auto;
	text-align:center;
}

.fa-ul>li:before {
	display: none;
}
.fa-ul > li {
    position: relative;
    background: none !important;
	padding-left:0;
}
.horaire-bloc {
	border-left: 1px #666666 solid;
}
.horaire-bloc .fa-li.fa {
	background-color: #fff;
}
.horaire-bloc ul {
	margin-left: 0;
}
@media (min-width: 992px){
	.tarif-bloc {
    text-align: right;
	}
}

.description-bloc .fa-ul {
	margin-left: 3.2em;
}


hr{
	margin:30px 0 20px 0!important;
	border-top:1px solid #ccc!important;
}
.hr{
	display:block;
	width:100%;
	height:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
hr.dotted {
    height: 0px!important;
    border-bottom: 2px dotted #e8e8e8;    
    border-top: none!important;
    margin-bottom: 15px;
}
.bold {
	font-weight:bold;
}

.box{
	padding:5px 15px 15px 15px;
}
.box.padding{
	padding:20px 40px;
}
.center{
	text-align:center;
}
.no-case{
	text-transform:none;
}
.no-border{
	border:none;
}
.uppercase{
	text-transform:uppercase!important;
}
.no-padding{
	padding:0!important;
}
.margin-bottom-40{
	margin-bottom:40px!important;
}
.margin-bottom-moins-40{
	margin-bottom:-40px!important;
}
.no-margin{
	margin:0!important;
}

.margin{
	margin:20px 0;
}
.margin-20{
	margin:20px 0;
}

.margin-40{
	margin:40px 0;
}

.no-mrg-top{
	margin-top:0!important;
}
.no-mrg-bottom{
	margin-bottom:0;
}
.mrg-top-20{
	margin-top:20px;
}
.mrg-bottom-20{
	margin-bottom:20px;
}

.padding-left-40{
	padding-left:40px;
}
.padding-top-20{
	padding-top:20px;
}

.padding-top-30{
	padding-top:30px;
}
.padding-bottom-30{
	padding-bottom:30px;
}

.padding-5{
	padding:5px;
}
.padding-right-0{
	padding-right:0!important;
}
.padding-right-20{
	padding-right:20px!important;
}

.padding-10{
	padding:10px!important;
}
.padding-20{
	padding:20px!important;
}

.padding-13-5{
	padding: 0px 10px 5px 25px;
}
.no-padding-top{
	padding-top:0!important;
}
.no-padding-bottom{
	padding-bottom:0!important;
}

.no-padding-top-bottom{
	padding-top:0!important;
	padding-bottom:0!important;
}
.no-padding-left-right{
	padding-left:0!important;
	padding-right:0!important;
}

.no-padding-top{
	padding-top:0!important;
}
.row.padding{
	padding:30px 0!important;
}
.width-40{
	width:40%;
}
.width-20{
	width:20%;
}
.width-15{
	width:15%;
}
.width-10{
	width:10%;
}
.height-480{
	height:480px;
}
.inline-block{
	display:inline-block;
}
.valign-middle{
	vertical-align:middle;
}
.hidden{
	display:none;
}
.overflow-hidden{
	overflow:hidden!important;
}
@media (min-width: 991px) {
	.overflow-y-scroll{
		overflow-y:scroll;
	}
}
@media (max-width: 991px) {
	.overflow-y-scroll{
		overflow-y:visible;
		
	}
}

@media (max-width: 768px) {
	.sm-full{
	width:100%;
	}
}

@media (min-width: 768px) {
	.md-90{
	min-width:90%;
	}
}
/**Couleurs**/
/*Texte*/
.light-grey,.gris-pale{
	color:#f5f5f5!important;
}
/*.light-grey,.gris-pale{
	color:#EBEBEB!important;
}*/

.grey,.gris{
	color:#EBEBEB!important;
}

/*.grey,.gris{
	color:#ACACAC!important;
}*/

.middle-grey,.gris-moyen{
	color:#D9D9D9!important;
}

.deep-grey,.gris-fonce{
	color:#414141!important;
}
.green,.vert{
	color:#008a00!important;
}
.light-green,.vert-pale{
	color:#63BA38!important;
}
.deep-green,.vert-fonce{
	color:#006C08!important;
}
.white,.blanc{
	color:#fff!important;
}
.black,.noir{
	color:#000!important;
}

.red,.rouge{
	color:#BE1615
}

/*Background*/
.no-background{
	background:none;
}
.no-radius{
	border-radius:0;
}
.bg-light-grey,.bg-gris-pale{
	background:#f5f5f5!important;
}
.bg-grey,.bg-gris{
	background:#EBEBEB!important;
}

/*.bg-light-grey,.bg-gris-pale{
	background:#EBEBEB!important;
}*/
.bg-middle-grey,.bg-gris-moyen{
	background:#D9D9D9!important;
}
/*.bg-grey,.bg-gris{
	background:#ACACAC!important;
}*/

.bg-deep-grey,.bg-gris-fonce{
	background:#414141!important;
}
.bg-green,.bg-vert{
	background:#008a00!important;
}
.bg-deep-green,.bg-vert-fonce{
	background:#006C08!important;
}
.bg-light-green,.bg-vert-pale{
	background:#63BA38!important;

}
.bg-white,.bg-blanc{
	background:#fff!important;
}
.bg-black,.bg-noir{
	background:#000;
}
.bg-light-grey-grey{
background: rgba(245, 245, 245, 1);
background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(235, 235, 235, 1) 50%, rgba(235, 235, 235, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,245,245,1)), color-stop(49%, rgba(245,245,245,1)), color-stop(50%, rgba(235, 235, 235, 1)), color-stop(100%, rgba(235, 235, 235, 1)));
background: -webkit-linear-gradient(left,rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(235, 235, 235, 1) 50%, rgba(235, 235, 235, 1) 100%);
background: -o-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(235, 235, 235, 1) 50%, rgba(235, 235, 235, 1) 100%);
background: -ms-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(235, 235, 235, 1) 50%, rgba(235, 235, 235, 1) 100%);
background: linear-gradient(to right, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(235, 235, 235, 1) 50%, rgba(235, 235, 235, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#EBEBEB', GradientType=1 );
}
@media (max-width: 991px) {
	.bg-light-grey-grey{
		background:none;
		filter:none;
	}	
}
.bg-grey-white{
background: rgba(235, 235, 235, 1);
background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 49%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(49%, rgba(235,235,235,1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(left,rgba(235,235,235,1) 0%, rgba(235,235,235,1) 49%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 49%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 49%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 49%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=1 );
}
@media (max-width: 991px) {
	.bg-grey-white{
		background:none;
		filter:none;
	}	
}

.bg-img{
	position:realtive;
}
.bg-img img.background{
	width:100%;
	display:block;
	z-index:1;
}


.bg-img div{
	position:absolute;
	z-index:2;
}

.cadre-image{
	padding:1%;
	border:1px solid #ccc;
	background:#fff;
}

.shadow{
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
}
/*Buttons*/
.btn{
	border-radius:2px;
	font-size:0.9em;
	min-height:0.9em;
	letter-spacing: 0.4px;
	margin:8px 0;
	text-transform:uppercase;
	/*font-family:'thesansregular';*/
	font-family:'roboto';
	font-weight:300;
	white-space: pre-wrap;
}
.btn-nowrap .btn{
	white-space:normal;
}
#main .btn{
	text-decoration:inherit;
	text-transform:uppercase;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	/*font-weight:bold;*/
	/*font-family:'thesansregular';*/
	font-family:'roboto';
	font-weight:300;
	font-size:14px;
	
}
.btn.blanc,.btn.white{
	background:#fff!important;
	color:#006C08!important;
	border:1px solid #006C08!important;
}
.btn.blanc:hover,.btn.white:hover{
	background:#008a00!important;
	color:#fff!important;
	border:1px solid #008a00!important;
	text-decoration:inherit;
}
.btn.blanc.no-border,.btn.white.no-border{
	background:#fff!important;
	color:#000!important;
	border:none!important;	
}
.btn.blanc.no-border:hover,.btn.white.no-border:hover{
	background:#008a00!important;
	color:#fff!important;
	border:none!important;
}
.btn.noir,.btn.black{
	background:#000!important;
	color:#fff!important;
}
.btn.noir:hover,.btn.black:hover{
	background:#414141!important;
	color:#fff!important;		
}
.btn.vert,.btn.green{
	background:#008a00!important;
	color:#fff!important;
}
.btn.vert:hover,.btn.green:hover,.btn.gris:hover,.btn.grey:hover{
	background:#414141!important;
	color:#fff!important;
	
}
.btn.gris,.btn.grey{
	background:#EBEBEB!important;
	color:#414141!important;
}

.btn.gris-fonce,.btn.deep-grey{
	background:#414141!important;
	color:#fff!important;
}
.btn.gris-fonce:hover,.btn.deep-grey:hover{
	background:#008a00!important;
	color:#fff!important;
}
.btn.gris-fonce .icon-bar {
    background-color: #fff!important;
}
.normal-white-space{
	white-space:normal;
}
/*Bordures*/

.bdr{
	border:1px solid #ccc;
}

.bdr-white{
	border:4px solid #fff;
}

.bdr-left{
	border-left:1px solid #ccc;
}
.bdr-left-grey{
	border-left:1px solid #414141;
}

.bdr-left-dotted{border-left:1px dotted #ccc;}
.bdr-green, .bdr-vert{
	border:1px solid #008a00!important;
}
.bdr-bottom-white, .bdr-bottom-blanc{
	border-bottom:1px solid #fff!important;
}
.bdr-bottom-grey{
	border-bottom:1px solid #EBEBEB!important;
}
.bdr-droite-grise{
	border-right:1px solid #ACACAC!important;
}
.no-border{
	border:none!important;
}

/* Transition */
.transit{
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*Encadré élément important*/
.element-important{
	background: #EBEBEB none repeat scroll 0% 0%;
	border-left: 3px solid #008a00;
	color: #000;
	padding: 12px 12px 12px 15px;
}
.element-urgent{
	background: #EBEBEB none repeat scroll 0% 0%;
	border-left: 3px solid #D56503;
	color: #000;
	padding: 12px 12px 12px 15px;
}

/*Header*/
header #banner{
	display:block;
	padding-top:20px;
	position:relative;	
	}
header h1.logo{	
	width: 165px;
	height: 50px;
	margin:0;
	padding: 0;
	text-align:left;
}

#logo-svg-fix{width:132px!important;height:49px!important;}




header h1.logo svg{
	width:80%;	
}
header #banner .col-md-6:last-of-type .col-md-6{
	padding-top:15px;
}

header #banner .input-group button{
	height:34px;
}
header #banner .form-control {
	height:34px;
}

/*Banner*/
header .logo-label {
    margin: 0;
    padding: 0; 
    /*font-weight: 600;*/
	font-size:15px;
	line-height: 19px;
	font-family: 'thesansextrabold';
	/*font-family:'roboto';
	font-weight:700;*/

}
@media (min-width: 1200px) {
	header .logo-label {
		margin: -2px 0 0 -40px;
		max-width:240px;
	}
}
@media (max-width: 991px) {
	header .logo-label{			
		text-align:center;	
		margin:10px 0 20px 0;
	}
}

.toplabel{
	margin:0 0 40px;
}

/*Navigation sous la recherche*/
.header-small-nav {
	text-align:right;
	margin:0 0 12px 0;
	font-size: 0.85em;
	padding-left:0;
}

.header-small-nav li{
	display:inline-block;
	border-left: 1px solid #ccc;	
	padding:0 10px 0 10px;
}
.header-small-nav li:first-child{
	border:none;
	padding:0 10px 0 0;
}
.header-small-nav li:last-child{	
	padding:0 0 0 10px;
}

/*Menu Principal horizontal*/
.bande-titre{
	background:#414141;
	border-bottom: 4px solid #EBEBEB;
	/*padding: 5px 0;*/
}
#menu1{
	display:block;	
	padding-left:0;
}
#menu1.navbar-collapse{
	box-shadow:none;
}
.menu-horizontal{
    clear: both;
	border: none;
}
.menu-horizontal a {
    color: #FFF !important;
}
.menu-horizontal .navbar{
	margin-bottom:0;
}
.menu-horizontal .navbar-default{
	background:transparent;
}

.menu-horizontal ul {
    padding-left: 0px;
    float: right;
    margin: 0px 0px;
	padding:10px 0;
}
.collapse.in .menu-horizontal ul:first-of-type {
  padding:0px 0 30px;
}

.menu-horizontal li{
	display: inline-block;
    vertical-align: top;
}
.menu-horizontal ul li:first-child{	
	display:none;
}
.menu-horizontal h2 {
	color: #FFF !important;
    font-size: 18px;
    text-transform: uppercase;
    /*font-family:'thesansbold';*/
    font-family:'roboto';
	font-weight:400;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
	padding:10px 0;

}
@media (max-width: 768px) {
	.menu-horizontal h2{
		margin-left:-12px!important;
	}
}
.menu-horizontal h2 a {
	height:55px;
	display: table-cell;
	vertical-align: middle;
}

.menu-horizontal ul li a{
    display: table-cell;
    vertical-align: middle;
	max-width: 162px;
	height: 55px;
    padding: 0 8px;
	text-align: center;
	color:#fff!important;
}
.menu-horizontal li li{
	display: none;
}	

.menu-horizontal a:hover{
	color:#fff!important;
	text-decoration: underline;
} 
.menu-horizontal .active{
	font-weight:bold;
	text-decoration:none;
}

.fa-chevron-down{
	display:none;
}
.fa-chevron-up{
	display:none;
}
@media (min-width: 1199px) {
	.menu-horizontal li.expanded ul,  .menu-horizontal ul ul,.menu-horizontal li.collapsed ul,  .menu-horizontal ul ul{
		display: none!important;
	}

}
@media (max-width: 1199px) {
	/*#zz2_MenuGauche{ si on veut faire disparaitre le menu de gauche 
		display:none;
	}*/
	.menu-horizontal li.collapsed ul,  .menu-horizontal ul ul{
		display:none!important;
	}
	.menu-horizontal li.expanded ul,  .menu-horizontal ul ul{
		display: block!important;
		padding:0;
	}
			
	.menu-horizontal ul li ul li{
  		padding-top:3px!important;
  		padding-bottom:3px!important;
	}
	.menu-horizontal ul li ul li:first-child{
		display: block;
		border:none;
		padding-top:10px!important;
	}
	
    .full-width{
		width:100%!important;
	}
		
	#menu1{
		display:none;
		width:100%;
		padding-right:0;
	}
	.menu-horizontal .navbar-default{
	background:transparent;
	}
	.menu-horizontal .navbar-header {
        float: none;
		width:100%;
    }
    .menu-horizontal .navbar-left, .menu-horizontal .navbar-right {
        float: none !important;
    }
    .menu-horizontal .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .menu-horizontal .navbar-collapse.collapse {
        display: none!important;
    }
    .menu-horizontal .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
		padding: 0 20px 0 20px;
	}
    .menu-horizontal .collapse.in{
  		display:block !important;
	}
		

	/*Chevron*/	
	.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.85em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	vertical-align: top;
	width: 0.85em;
	}
	.chevron.bottom:before {
		top: 0;
		-webkit-transform:rotate(135deg);
		transform: rotate(135deg);
	}
	.menu-horizontal .chevron.right{
		display:none;
	}
	.menu-horizontal .navbar-toggle[aria-expanded="true"] .chevron.bottom:before {display:none;}
	.menu-horizontal .navbar-toggle[aria-expanded="true"] .chevron.top:before {display:block;}
	.menu-horizontal .navbar-toggle[aria-expanded="false"] .chevron.top:before {display:none;}
	.menu-horizontal .navbar-toggle {
		display:block;
		float: none;
		margin: 0 auto;
		padding: 5px 15px 0 0;
		height:55px;
	}
	
	/*style mobile*/
	.breadcrumb{
		display:none;
	}
	aside{
	padding-top:20px;
	}
	.bande-titre{
		background:#414141;
		border-bottom: 6px solid #EBEBEB;
		/*padding: 10px 0 5px 0;*/
	}
	.menu-horizontal h2{
		margin:0;
		padding:5px 0;
	}
	.menu-horizontal ul a:hover{
		text-decoration:underline;
	}
	.menu-horizontal ul{
		float: none;
	}
	.menu-horizontal li{
		display: block;
		max-width: 100%;
		border-top: 1px solid #515151;
		border-bottom: 1px solid #333;
		padding: 10px 0 10px 0px!important;
	}
	.menu-horizontal li:last-child{border-bottom: none;}

	.menu-horizontal li li{
		display: block;
		border:none;
		padding-left:30px!important;
	}
	.menu-horizontal ul li a{
		height: 100%!important;
		max-width: 100%;
		padding-left:50px;
		padding-top:5px;
		text-align:left;
	}
	.menu-horizontal ul li:nth-child(2) {
		border-top: none;
			}
		.menu-horizontal li.expanded a{
		background:url("../../images/contexte-navigation-bas-ouvert-blc.png") no-repeat scroll 30px 12px;
	} 
	.menu-horizontal li.collapsed a{
		background:url("../../images/contexte-navigation-droit-blc.png") no-repeat scroll 30px 8px;
	}  
	.menu-horizontal li.expanded li a{
		background:none;
		padding-left:35px;
	}
}

/*Fil d'arianne*/
.breadcrumb{
	margin:0;
	color:#6F6F6F;
	background:#fff;
	border-radius:0;
	padding:15px!important;
}
.breadcrumb a {
    font-weight: normal;
}
.breadcrumb span {
    font-weight: bold;
}
.breadcrumb a:hover, #contexte-nav a:active {
    color: rgb(80, 161, 0);
}
.image-separateur-fil-ariane {
    display: inline-block;
    width: 17px;
    height: 10px;
    background: url('../../images/chevron-breadcrumb.png') no-repeat scroll center center transparent;
}


 /* Menu gauche*/
.ms-hidden{
	display:none;
}
#main #contexte-nav a{
	padding:0 5px 0 5px;
	color:#6d6d6d!important; 
	display:block;
	text-transform: initial;
}

#main #contexte-nav li a:hover{
	color:#000!important;  
}
#main #contexte-nav a.selected{
	font-weight: bold;
	color:#000!important;  
}
#main #contexte-nav li.selected a.selected{
	font-weight: bold;
	color:#414141!important;  
}
#main #contexte-nav li a{ 
	padding: 5px 0 5px 20px;
	color:#6d6d6d!important; 
}
#main #contexte-nav li:first-child{
	padding:10px 0px 10px 0px;
}
#main #contexte-nav li:first-child a{ 
	font-weight: bold;
	padding-left: 0px;
	text-transform: uppercase;
	color: #414141 !important;
}
#main #contexte-nav li {
	border-bottom: 1px solid #ACACAC;
	background: none; 
	padding: 10px 0;
}
#main #contexte-nav ul{
	list-style:none;
	padding:0;
}
#main #contexte-nav li ul{
	padding-top:10px;
}
#main #contexte-nav li li {
	border:0;
}
#main #contexte-nav li  li:first-child {
	text-transform: none;
	font-weight:normal;
	padding:0;
	background:none;
}
#main #contexte-nav li  li:first-child a {
	color:#6d6d6d!important;
	padding-left:30px;
	background:none;
	text-transform: none;
}

#main #contexte-nav li.collapsed a{
	background:url("../../images/contexte-navigation-droit.png") no-repeat scroll 5px 8px;
} 

#main #contexte-nav li.expanded  a{
	background:url("../../images/contexte-navigation-bas-ouvert.png") no-repeat scroll 5px 12px;
	font-weight:bold;
	color:#414141!important;
}
#main #contexte-nav li.expanded li a.selected{
	font-weight:bold;
	text-transform: none;
}
#main #contexte-nav li.expanded li a{
	padding-left:40px;
	background:none;
	font-weight:normal;
	text-transform: none;
	color:#6d6d6d!important;
}
.menu-vertical{
	margin-top:7px;
} 
.menu-vertical li:first-of-type .menu-item-text{
	font-size:16px;
}
#main #contexte-nav li.expanded ul li{
	padding:5px 0!important;
}
.expanded ul li .menu-item-text{
	font-size:14px!important;
}
/*Couleur des liens dans le main*/
#main{
	/*margin:0 0 20px 0;*/
	position: relative;
}
#main a{
    color:#006c08;
    text-decoration:none;
}
#main a:hover{
	color:#50a100;
    text-decoration:underline;    
}
#main:after {
	clear: both;
	display:block;
	content:"";
}


/*Page carrieres*/
#postuler .col-md-9{
	margin-top:0px;
	margin-bottom:20px;
	border-right:1px dotted #ccc;
	
}
#postuler .col-md-9 p{
	padding-right:30px;
	
}

@media (max-width: 991px){
#postuler .col-md-9{
	margin-bottom:0;
	padding-bottom:20px;
	border-right:none;
	border-bottom:1px dotted #ccc;
}
#postuler .col-md-9 p{
	padding-right:0;
	
}
#postuler .bdr-bottom-grey{
	display:none;
}
}

#raisons .number-fix{
	font-size: 30px; 
	/*font-weight: 900;
	font-family: "thesanscaps";*/
	font-family:'roboto';
	font-weight:700;	
	line-height: 0.65em;
} 

#main .liste-cercle li span{
	display: block;
	padding-top: 20px;
}


/*Page nous joindre*/
@media (min-width: 750px) and (max-width: 1250px) {
	.btn.vert.sm-full.md-90{
		font-size: 0.85em;
	}
}
@media (max-width: 350px){
	.mepNousJoindre .cadre-title{
		top: -30px!important;
	}
}
@media (max-width: 991px) {
	#bureau_regionaux .bdr-droite-grise{
		border-right:none!important;
		border-bottom:1px solid #ACACAC!important;
	}
}
.padding-5-15{
	padding: 5px 0px 5px 15px;
}
#resultats{
	padding:10px 20px;
	margin-top:20px;
}


/*Fiches evenements, communique,nouvelles */
.titre-fiche {
	font-size: 2.2em;
}
/* plan de site*/
#main .plan-site ul li{
	background:none;
}
#main .plan-site li{
    padding-bottom: 15px;
    font-weight: bold;
	background: none !important;
}
#main .plan-site li li{
    font-weight: normal;
	padding:2px 0 2px 0;
}
#main .plan-site li:before {
    content:none!important;
}
#main .plan-site li ul{
    padding:10px 0 0 0;
}
#main .plan-site a{
	font-size: 16px;
    color:#414141;
}
#main .plan-site a:hover{
    color:#006C08;
}
	
/*Onglets*/
.onglets{
	background:#6F6F6F;
	padding: 5px;
}
.bande-gris-clair{
	background:#f2f2f2;
	padding-bottom: 15px;
}
.nav-tabs,.inline-tabs{
	margin-top:20px;
}

.nav-tabs>li{
	background:none!important;
	padding-left:0!important;
	margin-right:2px;
}

.nav-tabs>li>a{
	color:#414141!important;
	margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 7px 20px; 
    background:#f5f5f5;
}

.inline-tabs .active a{
	color:#008A00
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
 color:#008a00!important;
 font-weight:bold;
}

.inline-tabs {	
	width:100%;
	padding:0;
	font-size:0;/*Astuce pour retirer le gap indésirable entre les li dû au inline-bloc*/
}
.inline-tabs li{	
	position:relative;
	display:inline-block;
	margin:0px;		
	width:50%;	
	text-align:center;
	font-size:14px;
	border-top:1px dotted #f7f7f7;
	border-bottom:1px solid #ddd;
	border-left:1px solid #f7f7f7;	
	/* Permalink - use to edit and share this gradient: 			   http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100&1+97,0.85+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 97%, rgba(238,238,238,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(97%,rgba(239,239,239,1)), color-stop(100%,rgba(238,238,238,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 97%,rgba(238,238,238,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 97%,rgba(238,238,238,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 97%,rgba(238,238,238,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 97%,rgba(238,238,238,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9eeeeee',GradientType=0 ); /* IE6-8 */
}
.inline-tabs li:first-child{border-left:none;}
.inline-tabs li a{
	border:none;
	display:block;
	margin:5px 0 10px 0;
	padding:5px 0 0;	
}
.inline-tabs li.active a{	
	border:none;
	margin:10px 0;
}
.inline-tabs li.active{	
	z-index:2;
	padding:0;	
	border-bottom:none;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
background: #f4f4f4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */


	-webkit-box-shadow: 5px 2px 5px 0px rgba(50, 50, 50, 0.03);
	-moz-box-shadow:    5px 2px 5px 0px rgba(50, 50, 50, 0.03);
	box-shadow:         5px 2px 5px 0px rgba(50, 50, 50, 0.03);
}
.inline-tabs li:last-of-type.active{
	-webkit-box-shadow: -5px 2px 5px 0px rgba(50, 50, 50, 0.03);
	-moz-box-shadow:    -5px 2px 5px 0px rgba(50, 50, 50, 0.03);
	box-shadow:         -5px 2px 5px 0px rgba(50, 50, 50, 0.03);
}
/*Petit triangle pour onglet actif*/
.inline-tabs li.active:after{
	content:"";
	position:absolute;
	z-index:9;
	left:0%;
	bottom:-8px;	
	width: 100%; 
	height: 10px;
	background:#fff; 
}


/**Styles acces 3 portails**/
/*Accès aux 3 portails*/
.bande-pleine{		
	margin:0;	
	background-color:#1b1b1b;
}
.bande-pleine .container{	
	 background-color:#1b1b1b;
	 padding:0;
	}
@media (max-width: 991px) {
	.bande-pleine{	
	 	background-color:#fff;
	}
}
#sub-nav{
	/*padding:0 15px;*/
	
}
#sub-nav ul{
	padding:0;
	margin:0;
}
#sub-nav ul li{
	text-align:center;	
	display:block;
	border-left:1px solid #303030;
	border-right:1px solid #000;
	height:117px;
	color:#fff;	
	margin:0!important;
}
#sub-nav ul li:first-child{
	border-left:0;
	border-top:0;
}
#sub-nav ul li:last-child{
	border-right:0;
	border-bottom:0;
}
#sub-nav ul li:hover{
	cursor:pointer;
	background-color:#008a00;	
}
#sub-nav ul li a:hover{
	color:#fff;	
}

#sub-nav ul li:hover .btn{	
	background:#008a00!important;
	
}

#sub-nav ul li a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	/*font-family: 'thesansregular';*/
	font-family:'roboto';
	font-weight:300;	
	font-size:1.75em;	
	text-decoration:none;
	line-height: 0.8em;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:40px 0 0 0;
}
@media (min-width:768px) and (max-width:991px){
	#sub-nav ul li a{
		font-size:1.65em;
		padding:30px 0 0 0;
		line-height: 1.0em;
	}
}
#sub-nav ul li a span{		
	font-size:0.75em;
	text-transform:none;		
}
@media (max-width: 680px) {
	#sub-nav ul li a{		
		font-size:1.35em;		
		line-height: 0.85em;	
	}
	#sub-nav ul li a span{		
		font-size:0.85em;
		text-transform:none;		
	}
}

#sub-nav ul li a span:after{
	display:block;content:'';height:10px;
}
#sub-nav ul li a:hover{text-decoration:none;}

#sub-nav ul li i{
	font-size:45px;		
	margin-bottom:20px;	
	clear:both;
	display:block;
	content:'';
}
#sub-nav ul li a span:before{
	clear:both;display:block;content:'';
}
#sub-nav button{
	height:22px;
	padding-top:0px;
}
@media (max-width: 768px) {
	#sub-nav ul li {
		border:none;
		border-top:1px solid #303030;
		border-bottom:1px solid #000;
	}
}




/**Style carousel**/
/***Carrousel****/
.carousel{
	/*display:none;*/
}

.carousel img{
	max-width: 100%;
	width: 100%;
}
.carousel-inner{
	max-height:380px;
	overflow:hidden;
	
}
.carousel-caption {
	/*border:1px solid #f00;*/
    position:absolute;
	left:50%;
	top:0;
	text-shadow:none;
	text-align:left;  
	/*display:block;*/
	display:table;
    background: none; 
	padding:1% 0 0 0;
	max-width:45%;
	right:10%;
	height:370px;
		
}
.carousel-caption article{
	display: table-cell; 
	vertical-align: middle;     	
}
@media (max-width: 1200px) {
.carousel-caption {
height:200px;}
 }  
@media (max-width: 680px) {
	.carousel-caption {
		position:relative!important;
		left:0px!important;
		display:block;
		width:100%;
		margin-bottom:20px;
		text-align:center;
		height:auto!important;
		max-width:none;
	}
	.carousel-caption article{
		display: block;    	
	}

	.carousel-caption.white h1,.carousel-caption.white p{
		color:#666666!important;
	}
	.carousel img{
		max-width: 160%!important;
		width: 160%!important;
	}
	.carousel-inner{
	max-height:100%!important;
	overflow:hidden;
	max-width:100%!important;
	
	}


}
/*Carrousel Titre*/
.carousel-caption h1{
	font-size:2.5em;	
	/*font-family: 'thesansextrabold';*/
	font-family:'roboto';
	font-weight:700;	
	color:#666666;	
}
@media (max-width: 991px) {
	.carousel-caption h1{
		font-size:2em;
	}
}
.carousel-caption.white h1{
	color:#fff;
}
/*Carrousel Description*/
.carousel-caption p{
	/*font-family: 'thesansbold';*/
	font-family:'roboto';
	font-weight:400;	
	font-size:1.4em;
	line-height:1em;
	color:#666666;
	padding:0;	
}
@media (max-width: 991px) {
	.carousel-caption p{
		font-size:1.2em;
	}
}

.carousel-caption.white p{
	color:#fff;
}
/*Carrousel Button*/
.carousel-caption .btn{
	font-size:16px!important;
	letter-spacing:0.4px;
	text-transform:uppercase;
	/*font-family: 'thesansregular';*/
	font-family:'roboto';
	font-weight:300;	
	background:#000;/*au cas où le navigateur ne supporte pas RGBA*/
	background:rgba(0, 0, 0, 1);	
	border:none;
	color:#fff;
	margin-bottom:15px;
}
.carousel-inner .item a:hover .btn.blanc.no-border,.carousel-inner .item a:hover .btn.white.no-border{
	background:#008a00!important;
	color:#fff!important;
}
.carousel-inner .item a:hover .btn.noir,.carousel-inner .item a:hover .btn.black{
	background:#414141!important;
	color:#fff!important;
}
.carousel-inner .item a:hover .btn.vert,.carousel-inner .item a:hover .btn.green{
	background:#414141!important;
	color:#fff!important;
}

.carousel-inner .item a:hover .btn.gris-fonce,.carousel-inner .item a:hover .btn.deep-grey{
	background:#008a00!important;
	color:#fff!important;
}


@media (max-width: 991px) {
	.carousel-caption .btn{
		font-size:0.8em;
	}
}
@media (max-width: 680px) {
	.carousel-caption .btn.blanc.no-border,.carousel-caption .btn.white.no-border{
		background:#000!important;
		color:#fff!important;
		border:none!important;	
	}
	.carousel-caption .blanc{
		color:#414141!important;
	}
}


.carousel-caption .btn:hover{
	font-size:0.9em;
	background:rgba(0, 0, 0, 0.8);
}

.left.carousel-control,
.right.carousel-control{
	display:none;
}
.carousel-indicators {
    bottom: -45px;
    display:block;
    width:auto!important;
    margin-left:0!important;
    left:0%!important;
    right:0%!important;
    text-align:right;
   }
   
@media (max-width: 680px) {
 
.carousel-indicators {
    position:relative!important;
    bottom: -15px;
    display:block;
    width:auto!important;
    margin-left:0!important;
    left:0%!important;
    /*right:10%!important;*/
    text-align:center;
   }
   
}  
.carousel-indicators li{
	background-color: transparent;
	margin: 0 5px 0 5px;
	width: 12px;
	height: 12px;
	border: 2px solid;
	border-color: rgba(0, 0, 0, 0.5);
	
}
.carousel-indicators .active{
	background-color: rgba(0, 0, 0, 0.5)!important;
	margin: 0 5px 0 5px;
	border: none!important;
	width: 12px;
	height: 12px;
}

.pauseButton,.pauseButton:focus,.pauseButton:hover{
	margin:-3px 0 0 2px;
	background:none;
	border:none;
	/*outline:none;*/
}
.pauseButton .glyphicon-pause,.pauseButton .glyphicon-play{	
	color:rgba(0,0,0,0.5);
	font-size:1.2em;
}

.pauseButton .glyphicon-pause:hover,.pauseButton .glyphicon-play:hover{	
	color:rgba(0,0,0,0.8);	
}


/*Carousel Elements animation Delay*/
.carousel-caption h1:first-child {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.carousel-caption p:nth-child(2) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.carousel-caption .btn {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s;
}

/*Pagination et Filtres de tri*/
#pagination{
	display:block;
	width:100%;
}
#pagination ul{display:block;padding:0;margin:20px 0 0 0;text-align:center;}
#pagination ul li{
	display:inline-block;
	border:none;
	width:auto;
	padding:0 5px 0 5px!important;
	margin:0;
	margin-bottom:10px;
}
#pagination ul li a{
	border:none;
	display:inline-block;
	background:#f5f5f5;		
	margin:0 0 0 0;
	padding:3px 8px!important; 	
}
#pagination ul li a:hover{
	cursor:pointer;
	background:#008a00;	
	color:#fff;
}
#pagination ul li.current{

}
/*#pagination ul li:hover a{
	color:#fff;
}*/
.nombreElementsListe{
	font-size:12px;text-align:center;
}

.first-page{
	margin-right:10px!important;
}
.last-page{
	margin-left:10px!important;
}

/*Accès Rapides*/
.acces-rapides{
	display:block;	
	/*background-color:#fff;*/
	padding:0;
	margin-bottom:20px;
}
/*.acces-rapides ul.row:first-child{border-bottom:1px solid #999;padding-bottom:10px;}*/

.acces-rapides ul{
	padding:0 1px 0 7px;
}

.acces-rapides ul li{
	list-style:none;
	padding:0;
}
.acces-rapides ul li ul li{
	margin:0 0 15px 0;
}

.border-wrap{	
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;		
	border-bottom:1px solid #ccc;	
	border-right:1px solid #ccc;		
	padding:5px 20px 0 20px;
	background:#fff;
}
#acces-rapides{
	display:block;
	width:100%;
	/*border-bottom:1px solid #ccc;*/
	margin:0;	
}
#acces-rapides h2{
	margin-top:0;
}
#acces-rapides ul{
	padding-left:0;
}
#acces-rapides ul li{
	
	margin:0 0 10px;
}


/*Nouvelles + Agenda + Communiqués Résumés*/
/*Styles pour listing page unique*/
.listing{
	padding:0
}
.listing .article-resume-list li article{
		padding:20px 30px 15px 30px;	

}
.listing .article-resume-list li article:nth-child(2n){
	background:#f5f5f5;
}
/*Liste universelle*/
.article-resume-list{
	padding:0;	
	height:100%;
	position:relative;
	margin-bottom:0;		
	/*height : Script jQuery*/
}
/*.agenda-resume-list{padding:20px 40px;}*/
.article-resume-list li{
	list-style:none;
	border-left:1px dotted #ccc;	
	height:100%;
	margin-bottom:20px;
	padding: 0 20px 20px 20px!important;
	background: none !important;
}
@media (max-width: 991px) {
	.article-resume-list li{
		padding-left:10px!important;}
	}
}
.article-resume-list li:before{
	content:none!important;
}
.article-resume-list li:first-child{
	border:none;
	padding-left:10px!important;
	background: none !important;
	/*padding-top:0px!important;*/
}
@media (max-width: 991px) {
.article-resume-list li,.bdr-left-dotted{border:none;}	
}

.article-resume-list article{
	display:block;
	border-bottom:1px dotted #ccc;
	padding: 10px 0 5px 0;
}
.article-resume-list article:last-of-type{
	border-bottom:none;
	margin-bottom:10px;
}

.article-resume-list article time,.article-resume-list article .date{color:#414141;font-size:12px;font-weight:bold}
.article-resume-list article h1,
.article-resume-list article h2,
.article-resume-list article h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	text-transform:none;
	margin:0 0 10px 0;
}
.article-resume-list article .ville{
	display:block;
	width:100%;
	margin:-3px 0 7px 0;
	font-weight:bold;
	font-size:12px;
	color:#414141;
}
.agenda-resume-list article h1{text-transform:uppercase;font-size:12px;margin:0;}

.article-resume-list article h2,
.article-resume-list article p{
	margin:10px 0;	
}

.bloc{
	position:relative;
	padding: 15px;	
	margin-bottom:10px;
}
.cadre{
	padding:20px;
	max-width: 850px;
	position:relative;
}
.cadre-title{
	position:absolute;
	top:-20px;
	left:20px;	
	padding:0 8px;
}

/*Twitter*/
.timeline-Widget .timeline-Header{
	display:none;
}

/*Evenements*/
.bt-acc.collapsed .glyphicon-minus
{
  display: none;
}

.bt-acc .glyphicon-minus
{
  display: inline-block;
}

.bt-acc.collapsed .glyphicon-plus
{
  display: inline-block;
}

.bt-acc .glyphicon-plus
{
  display: none;
}

.panel-group .panel{
	border-radius:0;
}


/*Salle de presse*/
#item-vedette {
	display:block;
	width:100%;	
	padding:20px 0;
}
#item-vedette .col-md-6:first-child img{
	width:90%;	
}
/*Evenements*/
.colloque-partenaires img{
margin:20px auto;
/*width:60%!important;*/
max-width:140px!important;
/*height: auto!important;*/	
}

/******FOOTER******/
#footerwrap{
	opacity:1;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}	
#footerwrap.hidding-foot{
	opacity:0;
	height:0;
	
}
footer .container-fluid{
	overflow:hidden;
}
footer .container-fluid:first-of-type{
	padding-top:20px;
	/*font-family:'thesanslight';*/
	font-family:'roboto';
	font-weight:300;	
}
footer h1{
	font-size:0.875em;
	color:#fff;
}
footer h2{
	font-size:1.1em;
	text-transform:none;
	color:#fff;
	
}
#footer-columns h1{
	font-size:15px;
	color:#fff;
}
#footer-columns h2{
	font-size:1.1em;
	text-transform:none;
	color:#fff;
}
footer a,footer p {
	color:#fff;
}
footer .social a{
	font-size:25px;
}
footer .social a:hover{
	opacity:0.5;
}
#footer-columns li{
	color:#fff;
}
#footer-columns {
	list-style-type: none;
}

#footer-columns li:first-child{
	border:none;
}
#footer-columns li li{
	border:none;
	margin:7px 0;
}
#footer-columns li h1:first-of-type{
	margin:0;	
}

@media (max-width: 768px){

	#footer-columns li h1:first-of-type{
		margin-top:10px;
	}

}

.footer-main-nav ul{
	padding:0;
	margin:0;
}
#footer-columns .footer-main-nav li,#footer-columns .footer-sub-nav li,.footer-liens-spec{
	/*font-weight:bold;*/
	font-size:15px;	
	line-height:24px;
}
#footer-columns .footer-sub-nav li{
	margin:0;
	padding:3px 0 3px;
}
#footer-columns .footer-sub-nav li:first-child{
	padding:10px 0 3px;
}

#footer-columns .footer-main-nav li{
	display:block;
	border-bottom:1px solid #666;
	padding: 16px 0 15px 0px;	
	position:relative;		
	margin: 0 0 0 0;
}
.footer-main-nav li{text-transform:uppercase;}
#footer-columns .footer-main-nav li:first-of-type{
padding-top:10px
}
#footer-columns .footer-main-nav li:last-of-type{
padding-bottom:21px
}

#footer-columns .footer-main-nav li.active{
background:#505050;
border-left:4px solid #008a00;
border-bottom:none;
}

#footer-columns .footer-main-nav li:hover{
	background:#414141;		
}

#footer-columns .footer-main-nav li.active:hover{
background:#505050;
}
#footer-columns .footer-main-nav li.active a:hover{cursor:default;}

#footer-columns .footer-main-nav li:last-child{
	border-bottom:none;
}
#coords{
	padding-top:8px;
}	
#coords h1{
	line-height:1.4em;
	min-width:280px;
}
#coords h2{
	line-height:1.4em;

}
.footer-liens-spec{
	padding:10px 0;
   /* border-left: 4px solid #008a00;*/
	
}
@media (max-width: 768px){
	.footer-liens-spec{border-bottom:1px solid #666;}
}
.footer-liens-spec li{
	padding: 10px 0 0 0;
	
}
.footer-liens-spec li:first-child{
	padding: 0;
	
}
.footer-liens-spec li:before{
	 content: "\f105";
    font-family: FontAwesome;
    color: #008a00; /* or whatever color you prefer */
	font-weight:bold;
    margin-right: 10px;
}
#footer-slogan{
	color:#fff;
	min-height:50px;
	font-weight:bold;
	background:#008a00;
	margin-top:-20px;	
}

#footer-slogan .logo {
margin: 23px 0 19px 0;
float:right;	
}
@media (max-width: 768px){
	#footer-slogan .logo {
		float:none;
		text-align:center;
	}
}
#footer-bottom{	
	min-height:50px;	
	padding:15px 0;
	background:#fff;
	font-weight:bold;	
}
#footer-bottom a a:hover a:focus{
	color:#008a00;
}
#footer-bottom ul{
	padding:0 0 15px 0;	
	display:inline-block;
}
#footer-bottom .container{
	text-align:center!important;	
}

#footer-bottom ul li {
	font-size:12px;
	list-style:none;
	display:inline-block;
	/*margin:0 10px;*/
}
#footer-bottom ul li:first-child {
	/*margin:0 10px 0 0;*/
}
#footer-bottom li{
	padding: 0 10px 0 10px;
	border-left: 1px solid #ccc;
}

/* Hyperliens bas de page*/
.footer a:focus {
	/*outline:none;*/
	color:#ffffff;
}
.footer a:hover{
	color:#ffffff;
}
.footer-main-nav, .footer-sub-nav {
	/*padding: 0 10px;*/
	/*border-bottom: 1px solid rgb(102, 102, 102);*/
}
/*.footer-sub-nav {
	height:168px;
}*/
@media (max-width: 768px) {
	.footer-sub-nav{
	margin-top:7px;
	}

}

#footer-bottom {
	font-weight:normal;
}
#footer-bottom a {
	color:#414141;
}
#footer-bottom a:focus {
	/*outline:none;*/
	color:#414141;
}
#footer-bottom a:hover{
	color:#414141;
}
#footer-bottom li.copyright {	
	border-left:none!important;
}

/***** Footer Infolettre ****/
#infolettreWrap{
	margin-top:-20px;
	background:#333;	
}
#infolettreWrap:hover{
	background:#000;
	padding:10px 15px;
}
#infolettre{	
	padding:0px 20px 0px 0px;
	margin:20px 0;
}
#infolettre .fa-rss{
	float:left;	
	margin-right:20px;
	font-size: 36px;
	margin-top:-10px;
}
#infolettre span p{
    font-size: 20px;
    line-height: 23px;
    /*font-family: thesansregular;*/
    font-family:'roboto';
	font-weight:300;	
    margin-right: 20px;
    margin-top:10px;
    color: #ebebeb;
}
#infolettre span .btn{
	font-size: 16px;
    margin-bottom: 20px;
}
#infolettre span .btn:hover{
	background: #fff!important;
	color: #414141!important;
	text-decoration: underline;
}
#infolettre:hover{
	
}

@media screen and (min-width: 730px) and (max-width: 991px) {
	#infolettre span:first-of-type{
		width:8%;
	}
	#infolettre span:nth-of-type(2){
		width:65%;
	}

}
@media screen and (min-width: 320px) and (max-width: 730px) {
	#infolettre{
		/*text-align:center;*/
	}
	#infolettre span{
		width:auto;
		max-width:320px;
	}
}
@media screen and (min-width: 320px) and (max-width: 589px) {
	#infolettre{
		text-align:center;
	}

}
/****** Outils *******/
/*Filtres select[box]*/
.filtres{
	display:block;
	width:100%;	
	vertical-align:middle;
	background:#f5f5f5;
	padding:10px 20px;
	margin:20px 0;
}
.filtres span{
	display:inline-block;max-width:300px;margin:10px 10px 10px 0;vertical-align:bottom;
}
.filtres span{
	display:inline-block;max-width:300px;margin:10px 10px 10px 0;vertical-align:bottom;
}

.filtres span label{
	display:block;
	width:100%;
	color:#666;
	/*font-family: 'thesansbold';*/
	font-family:'roboto';
	font-weight:400;	
}
	
.filtres span .btn{margin:0!important;}

/*Résultats bureaux page nous joindre*/
#bureau_regionaux span.ms-rtestate-read,
#bureau_regionaux .ms-rtestate-read span {
	display:block!important;
	margin:0;
	max-width:none;
}
#JeNeConnaisPasMaRegion{
	/*background:red;*/
}
#JeNeConnaisPasMaRegion input,#JeNeConnaisPasMaRegion label{
	display:inline-block!important;
	
}
#JeNeConnaisPasMaRegion input{
	margin-top:-3px;
	width:20px;
	height:20px;
}

#JeNeConnaisPasMaRegion label{
	width:auto!important;
	padding:5px 0 0 10px;
}

span#SaisieDuCodePostalOuMunicipalite{
	width:100%;
	max-width:100%!important;
}

span#SaisieDuCodePostalOuMunicipalite input{	
	max-width:300px;
}


#resultatsRechercheParMunicipalite,#resultatsRechercheParCodePostal,#listeCompleteBureauxRegionauxParSecteur div{
	padding:20px!important;
	
}

/*Résultats + recherche Google*/
.gsc-tabsArea{
	border-bottom:1px solid #ccc!important;
	position:relative!important;
	margin-top: 30px !important;
}
.gsc-tabsArea > div{
	position:absolute!important;
	bottom:-3px !important;
	height: auto !important;
	overflow: inherit !important;
}
.gsc-tabHeader{
	margin-right:5px!important;
	background-color:#f9f9f9!important;
	border-bottom:none !important;	
	border-left: 1px solid rgb(204, 204, 204) !important;
	border-top: 1px solid rgb(204, 204, 204) !important;
	border-right: 1px solid rgb(204, 204, 204) !important;
	margin-bottom: 3px;
}
.gsc-tabhActive{
	background-color:#fff!important;
	color:#006C08!important;		
	height:28px!important;
	border-color:#ccc!important;
	border-bottom:1px solid #fff!important;
}
.gsc-option-menu-container{
	min-width:90px!important;
}
.gsc-selected-option-container.gsc-inline-block{
	width:100%!important;
}
.gs-bidi-start-align.gs-snippet{
	padding-left:8px;
}
.gs-per-result-labels{
	display:none;
}
.gs-image{
	padding-left:8px;
}
.gsc-webResult.gsc-result{
	padding:30px 20px!important;
}
.gsc-webResult.gsc-result:nth-child(2n){
	background-color:#f9f9f9!important;
}

/*Barre de recherche Google*/
.recherche{
float:right;
width:100%;	
max-width:340px!important;
}
@media (max-width: 991px) {
	.recherche{		
		margin:0 auto;
		width:100%;
		float:none;
	}
}
.recherche .gsc-control-searchbox-only{
	position:relative;
}
.gsc-search-box,.gsc-input{
padding:0!important;
width:100%!important;
}
.recherche .gsc-input input{
position:relative;
height:30px;
border:1px solid #ccc;
border-top-left-radius:2px;	
border-bottom-left-radius:2px;	
min-width:100%!important;
width:100%!important;
float:right;
line-height:14px!important;
padding-left:5px!important;
text-align:middle!important;
}

.gsc-input-box {
    height: 30px!important;
}

.recherche table{
	height:30px!important;
} 
.recherche .gsc-search-button,.recherche .gsc-search-button input{
	position:relative;
	color:transparent!important;
	font-size:0;
	line-height:0!important;
	max-width:30px!important;
	width:30px!important;
	height:30px!important;
	box-sizing:content-box!important;
	overflow:hidden!important;	
	filter:none!important;
	background:transparent!important;	
	border:none!important;
	float:right;
}
.recherche .gsc-search-button:before{
	display: block;
    left: 0;
    text-align: center;
    top: 0px;
    bottom: 0;
    right: 0;
    width: 100%;
    border: 1px solid #ccc;
    position: absolute;
    border-radius: 2px;
    border-left: none;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    background-color: #ebebeb!important;
    max-width: 30px!important;
    height: 30px!important;
    font-family: FontAwesome;
    font-size: 15px!important;
    color: #666;
    content: "\f002";
    padding-top: 14px!important;}

.recherche .gsc-search-button:hover:before{
	 background-color: #008a00!important;
	 color: #fff;
	 border-color:#008a00;
}
.recherche .gsc-clear-button{
	position:absolute;
	right:16px;
	top:3px
}

/*Recherche Jconstellio*/
.facet_container{
	margin-top: 20px;
	border-bottom: 1px solid #ddd;
	padding-left: 0;
    margin-bottom: 0;
}
.facet_container > li{
	background: none!important;
    padding-left: 0!important;
    margin-right: 2px;
    display:inline-block;
    margin-bottom: 5px;
}
.facet_container > li.facet_all{
	margin-right:0;
}
.facet_container > li a{
	color: #414141!important;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 7px 20px;
    background: #f5f5f5;
}
.facet_container > li.facet_all a{
	margin-right:0;
}
.facet_container > li a.selected_facet{
	background:#fff;
	border-bottom:1px solid #fff;
}
@media (max-width:680px){
	.facet_container > li{	
    margin-right: 2px;
    display:block;
    clear:both;
    margin-bottom: 20px;
	}
	.facet_container > li a,.facet_container > li a.selected_facet{
	border-bottom: 1px solid #ddd;
	border-radius: 4px;
	}
	.facet_container{
	border-bottom:none;
	}
}
#resultats-recherche{	
	z-index: 2;
    position: relative;
   /* background:#fff;*/
    min-height:200px;
}
#resultats-recherche em{
	font-style:normal;
	font-weight:bold;
	color:#1155CC;
}
#resultats-recherche .how-many{
	padding-left:20px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	margin-top:0;
	margin-bottom:20px;
}
#resultats-recherche .resultat{
	padding:10px 20px!important;
	margin:10px 0;
}
#resultats-recherche .resultat:nth-child(2n){
	background-color:#f9f9f9!important;
}
p.url{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-10px;
	color:#008a00;
	font-size:14px;
	word-break: break-all;
}
p.url span{
	display:block;
	margin:10px 0;	
	color:#414141;
	word-break: break-word;
}
#resultats-recherche .resultat h4 a{
color:#006c08;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#pages_container{
	width:100%;
}
#pages_container ul li{
background:none!important;
}
#pages_container ul li.current a{
background:none!important;
color:#414141;
}
#pages_container ul li.current a:hover{
background:none!important;
color:#414141;
cursor:default;
text-decoration:none;
}

/*Loding animation Jconstellio*/
.loader{
	position:absolute;
	left:50%;
	top:270px;
	margin-left:-47.5px;
	width:75px;
	height:75px;
	margin:0 auto;
	background:url("/images/loader.gif") no-repeat top center;
}

/*Accordeon et panel*/
.tirroirs .plus.h3{
	font-size:21px;
}

.panel-heading  .plus:after{
    /* symbol for "opening" panels */
    font-family: 'fontawesome';  /* essential for enabling glyphicon */
    content: "\f077"; /*plus*/
    float: right;          
}
.panel-heading .plus.collapsed:after{
    /* symbol for "collapsed" panels */
    content: "\f078"; /* moins */
}

/*Tableaux*/
.table-bordered{
	border: 1px solid #D9D9D9;
}
.table-bordered th{
	font-weight:normal;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
	border: 1px solid #D9D9D9;
	vertical-align: middle;
	padding-left:20px;
	padding-right:20px;
}
.table-bordered ul{
	padding-left: 5px;
}
thead{
	font-size:15px;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
caption{
	font-size: 0.75em;
	font-weight:bold;
	padding: 0px 0px 5px;
	color:#414141;
}
/** Mobile Layout option [table.mobile-layout] **/
table.mobile-layout {
 /* border: 1px solid #ccc;*/
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
}

table.mobile-layout tr {
  /*background-color: #f8f8f8;
  border: 1px solid #ddd;*/
  padding: .35em;
}

table.mobile-layout th,
table.mobile-layout td {
  padding: .625em; 
}
/*Responsive modify layout on breakpoint */
@media screen and (max-width: 768px) {

table.mobile-layout th,
table.mobile-layout td {
  
  text-align: center;
}


table.mobile-layout.table-bordered > tbody > tr > td,
table.mobile-layout.table-bordered > tbody > tr > th,
table.mobile-layout.table-bordered > tfoot > tr > td,
table.mobile-layout.table-bordered > tfoot > tr > th,
table.mobile-layout.table-bordered > thead > tr > td,
table.mobile-layout.table-bordered > thead > tr > th,
table.mobile-layout.table-bordered>tbody>tr>td,
table.mobile-layout.table-bordered>tbody>tr>th,
table.mobile-layout.table-bordered>tfoot>tr>td,
table.mobile-layout.table-bordered>tfoot>tr>th,
table.mobile-layout.table-bordered>thead>tr>td,
table.mobile-layout.table-bordered>thead>tr>th
{
	border:none;
}

  table.mobile-layout thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.mobile-layout tr {
    border-bottom: 1px solid #ddd;
    display: block;
  }
  
  table.mobile-layout td {
    border-bottom: 1px solid #ddd;
    display: block; 
    text-align:left;  
  }
  
  table.mobile-layout td::before {
    content: attr(data-label);
    display: block;
    width: 100%;
    font-family: 'Roboto';
    font-weight: 700; 
    font-size: 16px;
    color:#006c08;
    }
    
   table.mobile-layout td p{
	margin:2px 0px 20px;
   }   
   
   table.mobile-layout td:first-child::before {
	margin-top:20px!important;
  }

}
/****/



/************ Organization Chart **************/
.organization-chart{
	width:100%;
}
.organization-chart li{
	background:none!important;
	list-style:none;	
	padding:0!important;
}
.organization-chart li .card{		
	border:1px solid #ccc;
	color:#414141;
	border-radius:5px;
	padding:20px;
	text-align:center;
	width:80%;	
	margin:0 auto;	
	background:#f5f5f5;
	min-height:150px;	
	font-size:17px;
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
	.organization-chart li .card{
		min-height:170px;
	}
}
.organization-chart li.col-sm-12 .card{
	max-width:300px;
	
}
.organization-chart li .card.main{
	background:#fff;	
	max-width:360px;
	min-height:140px;	
	padding:30px 20px;
	/*font-family:'thesansbold';*/
	font-family:'roboto';
	font-weight:400;		
}
.organization-chart li .card .name{	
	position:absolute;
	width:80%;
	/*font-family:'thesansextrabold';*/
	font-family:'roboto';
	font-weight:700;	
	text-align:center;
	bottom:20px;
	left:0;
	color:#000;
	
}
.organization-chart li.right .card .name{
	left:20%;
}	
.organization-chart li .card.main .name,.organization-chart li.col-sm-12 .card .name{	
	width:100%;
}
.organization-chart li.col-sm-12:before{
	content:'';
	display:block;
	margin:0 49% 0 50%;
	width:1px;
	border-left:1px solid #ccc;
	height:30px;	
}
.organization-chart li.left .card,.organization-chart li.right .card{
	margin:30px 0 0 0;
	display:inline-block;	
}
.organization-chart li.right{
	border-left:1px solid #ccc;
}
.organization-chart li.left:after,.organization-chart li.right:before{
	content:'';
	display:inline-block;		
	height:100px;
	border-bottom:1px solid #ccc;
	width:20%;
	vertical-align:top;
}

@media (max-width: 768px) {
	.organization-chart li .card.main{
		max-width:none;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}
	.organization-chart li .card{
		margin:0;
		/*min-height:125px;*/
	}
	.organization-chart li.left:after{
		display:none;
	}
	.organization-chart li.left:before{
		content:'';
		display:inline-block;		
		height:100px;
		border-bottom:1px solid #ccc;
		width:20%;
		vertical-align:top;
	}
	.organization-chart li.col-sm-12:before{
		content:'';
		display:inline-block;
		margin:0;
		width:20%;
		border-left:none;
		border-bottom:1px solid #ccc;
		height:100px;	
	}
	.organization-chart li.col-sm-12:after{
		content:'';
		position:absolute;
		display:block;		
		width:1px;	
		background:#fff;
		height:86px;	
		left:-1px;
		bottom:0;
	}
	.organization-chart li.col-sm-12 .card{
		display:inline-block;
		max-width:none;		
	}
	.organization-chart li.left,.organization-chart li.right,.organization-chart li.col-sm-12{
		border-left:1px solid #ccc;
		width:80%;	
	}
	.organization-chart li .card.main .name,.organization-chart li.col-sm-12 .card .name{	
		width:80%;
	}
	.organization-chart li.left .card .name,.organization-chart li.col-sm-12 .card .name{
		left:20%;
	}	
}

/******** Conseil d'administration ********/
.conseil-administration .col-md-2, .conseil-administration .col-md-4{
	margin-bottom:10px;
}
.conseil-administration .sans-puce.col-md-12 {
	margin-bottom:40px;
}

/******** Timeline **********/

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #414141;
  left: 50%;
  margin-left: 0px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
  width: 50%;
  float: left;
  clear: left;
  background:none!important;
  padding-left:0!important;
}


.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 85%;
  float: left;
  border: 1px solid #d4d4d4;
  /*border-radius: 2px;*/
  /*padding: 20px;*/
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  right: -30px;
  /*background-color: #999999;*/
  z-index: 100;
 
  /*
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  */
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge > a {
  color: #fff !important;
  display:block;
  background:#008a00;  
  height:100%;
  border-radius:30px;
  text-align:center;  
  font-size:16px;  
  padding-top:17px;
  /*font-family:'thesanscaps';*/
  border:4px solid #fff;
}
.timeline-badge > a i{
 font-style:normal;
}

.timeline-badge a:hover {
  color: #000 !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul,
.timeline-body article > p,
.timeline-body article >ul{
    padding:0 20px!important;
    margin-bottom: 0;
    font-size:14px;
    line-height:20px;

}
.timeline-body h1{
	font-size:18px;
	padding:0 20px;
	/*font-family:'thesansextrabold';*/
	font-family:'roboto';
	font-weight:700;	
}
.timeline-body .btn{
	margin:20px 0 30px 20px;
}

.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-footer{
    padding:20px;
    background-color:#f4f4f4;
}
.timeline-footer > a{
    cursor: pointer;
    text-decoration: none;
}
.tooltip{
    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0);
    
}

/**** Timeline ES ****/
#tl-es.timeline > li > .timeline-panel:after {
  border-top-color: transparent;
  border-left-color: #d4d4d4;
  border-right-color: #d4d4d4;
  border-bottom-color: transparent;
  background-color: #fff;
}


#tl-es .descr-date {
  text-align: justify;
  text-justify: inter-word;
}


#tl-es .gros-mot {
    color: #414141;
    font-size: 45px;
    height: 100%;
    letter-spacing: 3px;
    font-weight: bold;
    /*font-family: 'thesanscaps';*/
    text-align: -webkit-center;
    padding-left: 0px;
    padding-right: 15px;
    margin: 6px 0;
    text-align: center;
}

#tl-es .gros-mot.left {
    padding-left: 15px;
    padding-right: 0px;
}

#tl-es .gros-mot__tiret {
    display: block;
    margin: 0;
    padding: 0px;
    max-height: 10px;
    line-height: 0px;
    font-size: 28px;
}

#tl-es .timeline-badge > a {
  color: #fff !important;
  display:block;
  background: #50a129;
  height:100%;
  border-radius:30px;
  text-align:center;
  font-size:16px;
  padding-top:17px;
  /*font-family:'thesanscaps';*/
  border:2px solid #fff;
}

#tl-es.timeline > li > .timeline-panel:before {
  top: 20px;
}

#tl-es.timeline > li > .timeline-panel:after {
  top: 20px;
}
.tooltip.in{
    /*opacity:0;
    filter:alpha(opacity=80);*/
    
}
.tooltip.top{
    margin-top:-2px;
}
.tooltip.right{
    margin-left:2px;
}
.tooltip.bottom{
    margin-top:2px;
}
.tooltip.left{
    margin-left:-2px;
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.left .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.bottom .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.right .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip-inner{
    width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#313131;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
}
.timeline > li.timeline-inverted{
  float: right; 
  clear: right;
  margin-top: 30px;
  margin-bottom: 30px;
}
.timeline > li:nth-child(2){
  margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge{
  left: -30px;
}



/*Hack timeline pour espace entre les box*/
.timeline > li.mrg-top-50,.timeline > li.timeline-inverted.mrg-top-50 {
margin-top:50px!important;
}
.timeline > li.mrg-top-100,.timeline > li.timeline-inverted.mrg-top-100 {
margin-top:100px!important;
}


@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li {
      margin-bottom: 20px;
      position: relative;
      width:90%;
      float: left;
      clear: left;
      padding-left: 10px!important;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 10px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
    
.timeline > li.timeline-inverted{
  float: left; 
  clear: left;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 10px!important;
}
.timeline > li.timeline-inverted > .timeline-badge{
  left: 10px;
}
.timeline > li.mrg-top-50,.timeline > li.timeline-inverted.mrg-top-50 {
margin-top:30px!important;
}
.timeline > li.mrg-top-100,.timeline > li.timeline-inverted.mrg-top-100 {
margin-top:30px!important;
}

}


/******** Mon Espace employeur & Zones clientèles ******/
.connexion-monespace{
	height:180px;
}
ul.maj{
	padding-left:10px;
	margin-top:20px!important;
}
ul.maj li{
	border-left:none!important;
	padding: 0!important;
	margin:0 0 10px 0;
	background:none!important;	
}
ul.maj ul.maj{
	margin-top:15px!important;
}
ul.maj ul.maj li{
   background: transparent url(/images/puce.png) no-repeat scroll left 8px!important;
   padding-left:20px!important;
   margin:0;
   list-style:none!important;
}
ul.maj time{
	display: block;
    font-weight: bold;
}

@media (min-width:768px){ 
.flt-right-desk{
	float:right;
}
.flt-left-desk{
	float:left;
}

}
#monespaceemployeur .center.box a:last-of-type{
	float:left;
}

.mee .ico,.ze .ico { /*.mee = mon espace employeur  .ze= Zone employeur*/
    display: block;
    position: relative;
    width: 120px;
    height: 95px;
   /* border: 2px solid #f2f2f2;*/
    margin: 0 auto;    
    overflow:hidden;
   /* -webkit-box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);
    -moz-box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);
    box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);*/
}
/*.mee .ico{
	 -webkit-box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);
    -moz-box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);
    box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);
}*/
.ze .ico { 
	border-radius: 50%;
    background: #fff;
	width:140px;
	height:140px;
}	
.mee .ico i,.ze .ico i{
   font-size: 70px;
    margin: auto;
    position: absolute;
    left: -2px;
    top: 26px;
    text-align: center;
    width: 120px;
    display: block; 
}
.ze .ico i{
font-size: 90px;
top: 32px;
width: 140px;
filter: blur(0px);
}
.ze .ico i.hover{
	top:-100px;	
	filter: blur(10px);
}
.mee .ico i:before{
	color:#414141;	
		-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.mee li:hover .ico i:before{
	color:#50a129;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ze .ico i:before{
	color:#414141;	
}

/***** CLIENTÈLES *******/
/*** Sélection 3 choix frame ***/
#main ul.clientele {
	display:inline;
	padding:0;	
}
#main ul.clientele li {
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:20px 0;	
	list-style:none;
	background:none;
	text-align:center;		
}
#main ul.clientele li a.back{
	/*margin-top:40px;*/
	display:none;
	text-align:center;
}
#main ul.clientele li a.back i{
	font-size:40px;
	color:#414141;	
}
#main ul.clientele li a.back:hover i{	
	color:#50a129;	
}

@media (min-width:991px){
	#main ul.clientele li{
		width:32.5%;
		padding:0;
		border-left:1px dotted #ccc;		
	}
	#main ul.clientele li:first-of-type{
        border:none;
    }
    #main ul.clientele li a.back{
    	text-align:left;

    }
}

#main ul.clientele li.active{
	border:none;
}

#main ul.clientele li a{
		display:block;
		width:100%;
		max-width:350px;
		margin: 0 auto;
}
#main ul.clientele li p{
		font-size:16px;
		padding:0 40px;
		max-width:400px;
		margin:10px auto 0 auto;
}
#main ul.clientele li.active p{		
		margin:40px auto 0 auto;
}

#main ul.clientele-links {
	width:100%;
	opacity:0;
	float:none;
	padding: 0 20px;			
		-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#main ul.clientele-links li{
	font-size: 18px;
	font-family: 'roboto';
    font-weight: 300;	
    line-height: 24px;
    margin: 16px 0;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    display:none;
}
#main ul.clientele-links li:last-of-type{
	border-bottom: none;
}
#main ul.clientele-links li a{
	padding-left:0px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#main ul.clientele-links li a:hover{
	padding-left:5px;
	text-decoration:underline!important;
}
#main ul.clientele-links li p{
	font-size: 14px;
    padding: 10px 0 5px 0;   
    margin-top: 0;
    margin-bottom: 0;
}
#main ul.clientele-links.active{
	opacity:1;
	padding-top:0;	
		-webkit-transition: all 1.25s ease-in-out;
    -moz-transition: all 1.25s ease-in-out;
    -o-transition: all 1.25s ease-in-out;
    transition: all 1.25s ease-in-out;
}
@media (min-width:991px){
	#main ul.clientele-links {
		float:right;			
		right:0;
		top:500px;
		width:66%;
		height:0;
	}
	#main ul.clientele-links.active{
		/*margin-top:0;*/
		position:relative;
		top:0;
		height:auto;
	}
}

/*** Zone employeur ***/

.ze a h3 strong/*,.ze a:hover .ico i:before*/{
	color:#008a00;
}

#main .ze a:hover,#main .ze a.active {
	text-decoration:none!important;
}
@media (max-width:991px){
	.ze a .ico{
		display:none;
	}
	.ze a h3{
		font-size:24px;
	}
}

.ze a:hover .ico,.ze a.active .ico{
		width:160px;
		height:160px;
		margin-top:-20px;
		border:2px solid #50a129;
		 -webkit-box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);
	    -moz-box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);
	    box-shadow: -10px 10px 20px -10px rgba(0,0,0,0.085);	
	}
.ze a:not(.active):hover .ico i/*,.ze a.active .ico i*/{
		font-size:80px;    
	    width: 160px;
	    filter: blur(40px);    
	    top:400px;
	}
.ze a.active .ico i:not(.hover){
	/*left:10px;*/font-size:80px;    
	    width: 160px;
	    top:40px;
	}
.ze a.active:hover{
		cursor:default;
	}
.ze a:not(.active):hover .ico i.hover/*,.ze a.active .ico i.hover*/{
		font-size:80px;    
	    width: 160px;
	    filter: blur(0px);   
	    top:40px;    
}

.ze a:hover h3{
	/*margin-top:26px;*/
}
.ze a:hover h3 strong,.ze a.active h3 strong{
	color:#50a129;	
}
.ze a:hover .ico i:before,.ze a.active .ico i:before{
	color:#50a129;	
}
.ze .transit{
		-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.ze h3.transit{
		-webkit-transition: all 0.45s ease-in;
    -moz-transition: all 0.45s ease-in;
    -o-transition: all 0.45s ease-in;
    transition: all 0.45s ease-in;
}

/** 6 choses **/
ol.enum-horizontal{
	list-style:none;
}
ol.enum-horizontal li {	
	padding:20px!important;
	background:none!important;	
	text-align:center;
}
ol.enum-horizontal li p{
	font-size: 20px;
    line-height: 24px;
    font-family: 'roboto';
    font-weight: 300;
}

.counter-reset{
        counter-reset: ol;
}
 ol.enum-horizontal li:before{
    display: inline-block;   
    vertical-align:top;   
    font-family: 'roboto';
    font-size: 40px;
    font-weight:700;  
    width: 80px;
    height: 80px;
    padding: 10px 0px;
    border-radius: 50%;
    border: 2px solid #50a129;
    background: #fff;
    color: #50a129;
    counter-increment: ol;
    content: counter(ol);   
    /*webkit-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.2);   
    text-shadow: 2px 2px 10px #007300;*/
    /*background:#fff;*/
}
​​​
/******** CAMPAGNES  ***********/
/*** Videos ***/
.fa-play-pause{
	display:block;	
	margin:0 auto;	
	color:#fff;	
	font-size:22px;
	line-height:10px;
	margin-bottom:20px;
	height:22px;
}
.fa-play-pause a{
	color:#fff!important;	
}
.fa-play-pause span:before{
    font-family:'FontAwesome';
	content: '\f144';	
	display:inline-block;
	font-size:22px;	
	top:0;	
	margin-right:10px;
}
a.video-link{
	color:#fff!important;
	text-decoration:none;
}
a.video-link:hover{
	text-decoration:none!important;
	cursor:pointer;
}
a.video-link:hover ~ .bloc .fa-play-pause span:before{
	font-size:28px;	
}
a.video-link:hover ~ .bloc .fa-play-pause {
	font-size:28px;	
}


/*** Normes ***/
.normes-title{
	min-height:230px;
	line-height:230px;
	margin:20px 0 20px 0;
}


.normes-title h1{
	font-size:55px;
	display:inline-block;
	vertical-align: middle;
}

@media (max-width: 680px) {
.normes-title h1{
	font-size:35px;
}

}
@media (max-width: 480px) {
.normes-title h1{
	font-size:25px;
}

}



.logo-mon-ma{
   display:block;
   margin:10px auto 20px;
   width:100%;  
  /* text-align:center;*/
}
.logo-mon-ma a{
	width:100%;
}
.logo-mon-ma a img{
    width:100%;
	max-width:270px;
	opacity:0.95;
}
.logo-mon-ma a:hover img{
   max-width:300px;
   opacity:1;  
}
#video{
	margin:20px auto;
}

.radio{
	
}

/******** SECTION JEUNES (et campagnes blocs outils)*****************/
/** Accueil **/
.bg-jeunes,.bg-parents,.bg-enseignants,.bg-employeurs{
	display:block;
	position:relative;
	padding:0.2%;	
	min-height:260px;
}
#acc-jeunes .zone{
	display:block;
	position:relative;
	width:100%;
	height:260px;	
	overflow:hidden;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#acc-jeunes .zone,.bg-jeunes,.bg-parents,.bg-enseignants,.bg-employeurs{
		height:330px;
		min-height:330px;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	#acc-jeunes .zone,.bg-jeunes,.bg-parents,.bg-enseignants,.bg-employeurs{
		height:150px;
		min-height:150px;
	}	
}

.absolute-wrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99;	
}
.relative-wrap{
	position:relative;	
}

#acc-jeunes .absolute-wrap{
	text-align:center;
	padding-top:25%;	
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	#acc-jeunes .absolute-wrap{
		padding-top:40px;
	}	
}

.bg-jeunes .absolute-wrap{
background: url('/jeunesse/PublishingImages/acc-jeunes-bg.jpg') no-repeat;
background-position:33% 0%;
background-size:1311px 280px;
}
.bg-parents .absolute-wrap{
background: url('/jeunesse/PublishingImages/acc-parents-bg.jpg') no-repeat;
background-position:33% 0%;
background-size:1311px 280px;
}
.bg-enseignants .absolute-wrap{
background: url('/jeunesse/PublishingImages/acc-enseignants-bg.jpg') no-repeat;
background-position:33% 0%;
background-size:1311px 280px;
}
.bg-employeurs .absolute-wrap{
background: url('/jeunesse/PublishingImages/acc-employeurs-bg.jpg') no-repeat;
background-position:33% 0%;
background-size:1311px 280px;
}
@media screen and (min-width: 767px) and (max-width: 991px) {
	.bg-employeurs .absolute-wrap,.bg-enseignants .absolute-wrap,.bg-parents .absolute-wrap,.bg-jeunes .absolute-wrap{
		background-size:1676px 358px;	
	}
}

.bg-parents:hover .absolute-wrap,.bg-enseignants:hover .absolute-wrap,.bg-employeurs:hover .absolute-wrap{
background-position:20% 10%;
}
.bg-jeunes:hover .absolute-wrap{
background-position:10% 10%;	
}

#acc-jeunes .zone .absolute-wrap h3{
	display:inline-block;
	padding:10px;	
	margin:0 auto;
	background:#000;
	background-color: rgba(0, 0, 0, 0.45);
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	/*font-family:thesansextrabold;*/
	font-family:'roboto';
	font-weight:700;	
	text-transform:uppercase;
	font-size:2.5em;
	
}
#acc-jeunes .zone .absolute-wrap h3 span{
	font-size:0.65em;
	line-height:28px;
	display:block;
	margin-top:2px;
	max-width:240px;
	text-transform:lowercase;
}
.absolute-wrap:hover h3{
	background-position: 0% 0%;
	background-color: rgba(0, 0, 0, 0.85)!important;
		background-image: none !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}
/** Sous-section universel**/
.bg-white-opacity{
	background:#fff;
	background-color: rgba(255, 255, 255, 0.85);
	background: rgba(255, 255, 255, 0.85);
	padding:20px;
}
.outils .col-sm-4.col-xs-12{
	min-height:180px;
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
	.outils .col-sm-4.col-xs-12{
		min-height:230px;
	}

}
@media (max-width: 767px) {
	.outils .col-sm-4.col-xs-12{
		min-height:150px;
		height:auto;
	}
}
@media (max-width: 322px) {
	.outils .col-sm-4.col-xs-12{
		min-height:180px;
		height:auto;
	}
}

.container.outils.campagne{
	margin:0px auto 40px;
}
.container.outils .absolute-wrap{
	position:absolute;
	z-index:99;
	left:0%;
	bottom:7%;
	right:5%;
	top:0;
	background:transparent;	
	border-radius:2px;
	border:1px solid #ccc;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.container.outils.campagne .absolute-wrap{
line-height:180px;
background:#008a00;
}

.container.outils.campagne .absolute-wrap.no-effect{
background:#f2f2f2;
}


@media screen and (min-width: 991px) and (max-width: 1200px) {
	.container.outils.campagne .absolute-wrap{
		line-height:230px;
	}

}
@media (max-width: 767px) {
	.container.outils.campagne .absolute-wrap{
		line-height:150px;
		
	}
}
@media (max-width: 322px) {
	.container.outils.campagne .absolute-wrap{
		line-height:180px;
	
	}
}


.container.outils .absolute-wrap:hover{
  border:1px solid #fff;
  -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;

}

.container.outils.campagne .absolute-wrap:hover{
   background:#0ba204;
}
.container.outils.campagne .absolute-wrap.no-effect:hover{
   background:#fff;
   border:1px solid #ccc;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.container.outils .absolute-wrap{
		right:0%;
	}
}

.container.outils a{
	background:none;
}
.container.outils .absolute-wrap span{
	position: relative;
	display:block;
	width:100%;
	color:#000!important;
	text-align:left;	
	padding:5%;	
	font-size:1.25em;
	line-height:1.2em;	
  	top: 0%;   
}
.container.outils.campagne .absolute-wrap span{
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  text-align:center; 
  line-height:1.4em;
  padding:0 5%;
  font-size:20px;
  color:#fff!important;
  text-transform:uppercase;
}
.container.outils.campagne .absolute-wrap.no-effect span{
  color:#414141!important;
}



.container.outils .absolute-wrap span i{
	display:block;
	font-size:0.8em;
	line-height:1.3em;
	font-style:normal;
	margin:5px 0;
}	
.container.outils .plus-ico{
	position:absolute;
	bottom:7%;
	right:5%;
	width:25px;
	height:25px;
	background:#414141;
	display:block;
	z-index:99;
	border-radius:0;  
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.container.outils .absolute-wrap:hover + .plus-ico{
    background:#008a00;  
    border-radius:50%; 
    width:32px;
    height:32px;
    bottom:8%;
    right:6%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.container.outils .plus-ico:before{
	display:inline-block;	
	width:20px;
	height:20px;
	margin-top:5px;
	margin-left:6px;
	font-size:20px;
	font-weight:normal;	
	content:"+";
	color:#fff;	
	 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
.container.outils .absolute-wrap:hover + .plus-ico:before{
	margin-top:7px;
	margin-left:8px;
	font-size:26px;
	 -webkit-transition: all 0.3s ease-int;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

}
@media screen and (min-width:320px) and (max-width:768px) {
	.container.outils .plus-ico{
    	right:0;
    }
    .container.outils .absolute-wrap:hover + .plus-ico{  
	    
	    right:1%;  
	}


}


.container.outils a:hover .absolute-wrap.transit{
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.container.outils a:hover{
	background:none;
	
}
.container.outils a:hover span{
	text-decoration:underline;	
	color:#008000!important;

}

#droits .btn{
	margin-right:2%;
	font-size:1.4em;
	font-family: arial, sans-serif;
	text-transform:none;
	padding:15px 20px;	 
}
@media screen and (min-width: 320px) and (max-width: 1200px) {
	#droits .btn{
		width:100%;
	}
}

#promo{
	padding-top:40px;
}

#promo div{ 
 margin-bottom:20px;
 height:120px; 
 font-size:1.4em; 
 border-radius:2px; 
 filter: alpha(opacity=100);
 -moz-opacity: 1.00;
  opacity:1;
  position:relative;
  float:none!important;
}


#promo div:hover{
opacity:0.75;
filter: alpha(opacity=75);	
-moz-opacity: 0.75;
}	
#promo div .absolute-wrap h1{
margin-top:5px;
color:#000;
font-size:1.4em!important; 	
font-weight:bold;
line-height:30px;
margin-left:4%;
}
#promo div:hover .absolute-wrap h1{
 filter: alpha(opacity=100);
 -moz-opacity: 100;
  opacity:1;
}
#promo div .absolute-wrap{
	right:0!important;
	bottom:0!important;
	background:none;
	 border:1px solid #ccc;
}
#promo div:hover .absolute-wrap{
  filter: alpha(opacity=100);
 -moz-opacity: 100;
  opacity:1;
  text-decoration:none;
  z-index:99;
  border:1px solid #008a00;
}
#promo div.concours{
	background:#414141;
	background:url("/jeunesse/PublishingImages/bg-jeunesse-col-droite-1.jpg") no-repeat;
}
#promo div.campagne{
	background:#414141;
	background:url("/jeunesse/PublishingImages/bg-jeunesse-col-droite-2.jpg") no-repeat;
}
#promo div.tes{
	background:#414141;
	background:url("/jeunesse/PublishingImages/bg-jeunesse-col-droite-3.jpg") no-repeat;
}

#events .article-resume-list li{
	border-left:none!important;
	padding-left:10px!important;
	border-bottom:1px dotted #ccc;	
}
#events .article-resume-list li:last-of-type{	
	border-bottom:none;	
}

#events .article-resume-list li header time{
	color:#666;
}
/** Sous-section jeunes **/
#section-jeunes{
	background: url('/jeunesse/PublishingImages/acc-jeunes-bg.jpg') no-repeat;
}
/** Sous-section enseignants **/
#section-enseignants{
	background: url('/jeunesse/PublishingImages/acc-enseignants-bg.jpg') no-repeat;
}
/** Sous-section employeurs **/
#section-employeurs{
	background: url('/jeunesse/PublishingImages/acc-employeurs-bg.jpg') no-repeat;
}
/** Sous-section parents **/
#section-parents{
	background: url('/jeunesse/PublishingImages/acc-parents-bg.jpg') no-repeat;
}


/*Fix recherche par municipalité (temporaire)*/
#municipalitefix{
	display:none;
	margin:25px 0 20px 0;
	color:#414141;
}

#styletemporaire label{
width:100%;display:block;color:#414141;
}
#resultats-recherche{
	margin:0;
}
#resultats-recherche th,#resultats-recherche td{
	padding-left:20px;
	color:#414141;
}
#resultats-recherche th:first-of-type,#resultats-recherche td:first-of-type{
	padding-left:0px;
}


/***************** Publications ***********************/
    .srch-results{
	max-width:none!important;
	}
    
    #tri-pubs{
		margin:0 0 50px;
		border-bottom:1px solid #f5f5f5;
		padding-bottom:20px;
	}
			
	#tri-pubs a.active,#tri-pubs a.active:hover{
		color:#ccc;
		cursor:default;
		text-decoration:none;		
	}
	
	
    .article-resume-list article img{
		max-width:75px;
	}
     
    @media (max-width: 768px) {
    .article-resume-list article img{margin-bottom:15px;}    
    }
    
    .article-resume-list article p.link{float:right!important;}
    @media (max-width: 768px) {
     .article-resume-list article p.link{float:left!important;}  
    }
    
    .article-resume-list article table.desc{		
		border:1px dotted #ccc;
	}
	
    .article-resume-list article table.desc td{
		padding:15px;
	}
    .article-resume-list article table.desc td:first-child{width:33%;}
    
    @media (max-width: 620px) {
    .article-resume-list article table.desc td{display:block;width:100%!important;}   
        .article-resume-list article table.desc td:nth-child(2n){border-top:none;}
        .article-resume-list article table.desc td{	padding:10px 15px;}
        .article-resume-list article table.desc td:first-child{font-weight:bold;color:#414141;}

    }        

	/*** Actions Download/Commander/Retirer/Passer la commande ***/
	#PanierDeCommande header h3{
	margin-top:0;
	}
	#PanierDeCommande h3{

	  font-family: 'Helvetica', 'Arial', sans-serif;
	}
	#PanierDeCommande article{
	padding-top:30px;
	padding-bottom:30px;
	}
	.fiche ul.prev_next{
		display:inline-block;
		width:60%;
		padding-left:0px;
			
	}
	 @media (max-width: 620px) {
	 	.fiche ul.prev_next{
			width:100%;
		}
	}
		
	.fiche ul.prev_next li{
		list-style:none;
	}
	.fiche .article-resume-list li{
		list-style: none;
	    border-left: none;
	    height: 100%;    
	    padding: 0!important;    
	   
	}	
	.fiche .article-resume-list li article p{
		font-size:12px;
	}
	.fiche .article-resume-list li article header h3{
		color:#006c08;
	}
	ul.action{
		display:block;
		padding:0;
		/*margin:30px 0;*/	
		/*margin:20px 0;*/
	}
	
	ul.action li,ul.action li:first-child{
		display:block;
		width:100%;
		text-align:right;
		padding:0;
		margin-bottom:0px;
	}
		
	ul.action li div{
	/*display:block;*/
	margin-bottom:10px;
	}
	ul.action li a:before,.cart_total a:before,.fiche ul.prev_next a:before{
		display:inline-block;	
		width:20px;
		height:20px;
		margin-right:10px;
		font-size:18px;
		font-family:'FontAwesome';
		content:"";
		color:#414141;
	}
	ul.action li a:hover:before,.cart_total a:hover:before,.fiche ul.prev_next a:hover:before{
		color:#008a00;	
	}
	ul.action li .btn.gris:hover:before,ul.action li .btn.vert:hover:before{
		color:#fff;	
	}
	ul.action li .btn.vert:before{
		color:#fff;	
	}
	

	ul.action li.download-link a:before{
		content:"\f019";
	}
		
	ul.action li.order .AjouterAlaCommande a:before{
		content:'\f217';
	}
	ul.action li.order .RetirerDelaCommande a.btnRetirerDelaCommande{
	   margin-right:6px!important;
	}
	ul.action li.order .RetirerDelaCommande a.btnRetirerDelaCommande:before{
		content:'\f05e';
	}
			
	ul.action li.order .RetirerDelaCommande a.btnPasserlaCommande:before{
		content:'\f218';
	}
	
	ul.action .btn{
		font-family:Arial!important;
		font-size:12px!important;
		padding: 1px 8px 4px;
		white-space: normal;
		text-transform:none!important;
		margin:3px 0!important;
		
		-webkit-transition: all 0.2s ease-in!important;
    	-moz-transition: all 0.2s ease-in!important;
    	-o-transition: all 0.2s ease-in!important;
    	transition: all 0.2s ease-in!important;
	}
				
	.listing .article-resume-list li article:nth-child(2n) ul.action .btn{
		background:#fff!important;
		color:#414141!important;
	}
	.listing .article-resume-list li article:nth-child(2n) ul.action .btn:hover{
		background:#414141!important;
		color:#fff!important;
	}
	.listing .article-resume-list li article:nth-child(2n) ul.action .btnPasserlaCommande.btn{
		background:#008a00!important;
		color:#fff!important;
	}


	
	@media (max-width: 500px) {
	 
       ul.action li.order,ul.action li.download-link{
		text-align:left;
		}
	}
	.cart_total a:before{
		content:'\f07a';	
	}
	.fiche ul.prev_next a:before{
		content:'\f053';
		font-size:14px;
	}
	

	.scMessageBar {
	  position:relative;
	  margin:5px;
	  margin-left:0;
	  margin-right:0;  
	  padding:10px;
	  top:-200px; 
	  right:4%;   
	  font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	  color: #5A5655;
	  background:   #FFFFDD;
	  border: 1px solid #FFD700;
	  width:33%;
	  text-align:center;
	  -webkit-border-radius: 5px;
	  -moz-border-radius  : 5px;   
	}

	.scMessageBar2 {
	  position:absolute;
	  margin:5px;
	  margin-left:0px;
	  margin-right:0px;  
	  padding:5px;  
	  padding-left:5px;
	  padding-right:5px;  
	  top:45px; 
	  right:15px;  
	  font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	  color: #fff;
	  background:   #008a00;
	  border: 1px solid #428621;
	  text-align:center;
	  -webkit-border-radius: 5px;
	  -moz-border-radius  : 5px;  
	  
	  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.19);
	  -moz-box-shadow:    0px 3px 20px 0px rgba(0, 0, 0, 0.19);
	  box-shadow:         0px 3px 20px 0px rgba(0, 0, 0, 0.19);
	}
	
	.cart_total{
		text-align:right;
		display:inline-block;
		width:39%;
	}
	@media (max-width: 620px) {
		.cart_total{			
			width:100%;
		}
	}
	
	/******* Panier ******/

	.fiche ul.steps{
		padding-left:0;
		padding-top:20px;
		display:block;
		width:100%;
		height:120px;
		margin:20px 0;
	}
	@media (max-width: 570px) {
		.fiche ul.steps{
			margin-left:-20px;
		}
	}
	.fiche ul.steps li{list-style:none;background:none;height:100px;}
    .fiche ul.steps li span.circle{
	    display:block;
	    position:absolute;
	    left:36%;
	    z-index:2;
	    width:60px;
	    height:60px;
	    border:1px solid #fff;
	    background:#ccc;
	    border-radius:100%;
        transition: all 0.4s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .fiche ul.steps li a span.circle{
		background:#414141;

	}
    .fiche ul.steps li a:hover span.circle{
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
      -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     background:#008a00

    }

    
    .fiche ul.steps li.select span.circle{background:#008a00;transform: scale(1.2); -webkit-transform: scale(1.2);
} 
    .fiche ul.steps li.active span.circle{background:#414141;}     
		                
    .fiche ul.steps li i:before{font-family:'FontAwesome';font-style:normal;font-size:35px;color:#f3f3f3;display:block;position:absolute;z-index:3;top:5%;left:42%;}
    
    .fiche ul.steps li a i:before{
    	
    	transition:all 0.5s;
    	-webkit-transition:all 0.5s;
    }
    .fiche ul.steps li.select i:before, .fiche ul.steps li a:hover i:before{color:#fff;}
    .fiche ul.steps li:first-child i:before{content:'\f07a';top:20%;}
    .fiche ul.steps li:nth-child(2) i:before{content:'\f044';top:6%;left:43%;}
    .fiche ul.steps li:nth-child(3) i:before{content:'\f15c';left:44%;}
 	.fiche ul.steps li:nth-child(4) i:before{content:'\f00c';}   
    
    .fiche ul.steps li:nth-child(2) a i:before{top:22%;}
    .fiche ul.steps li.active:first-of-type i:before{top:6%;}
   
    @media (max-width: 768px) {
    	.fiche ul.steps li:first-child i:before{left:45%;}
    	.fiche ul.steps li:nth-child(2) i:before{left:45%;}
    	.fiche ul.steps li:nth-child(3) i:before{left:45%;}
 		.fiche ul.steps li:nth-child(4) i:before{}
    	
	}
		
	 @media (max-width: 640px) {
    	.fiche ul.steps li:first-child i:before{left:45%;}
    	.fiche ul.steps li:nth-child(2) i:before{left:48%;}
    	.fiche ul.steps li:nth-child(3) i:before{left:47%;}
 		.fiche ul.steps li:nth-child(4) i:before{left:46%;}
    	
	}
	
	@media (max-width: 480px) {
    	.fiche ul.steps li:first-child i:before{left:45%;}
    	.fiche ul.steps li:nth-child(2) i:before{left:48%;}
    	.fiche ul.steps li:nth-child(3) i:before{left:50%;}
 		.fiche ul.steps li:nth-child(4) i:before{left:49%;}
    	
	}
	@media (max-width: 360px) {
		.fiche ul.steps li:first-child i:before{left:50%;}
    	.fiche ul.steps li:nth-child(2) i:before{left:54%;}
    	.fiche ul.steps li:nth-child(3) i:before{left:55%;}
 		.fiche ul.steps li:nth-child(4) i:before{left:51%;}

	}
	@media (max-width: 321px) {
		.fiche ul.steps li:first-child i:before{left:55%;}
    	.fiche ul.steps li:nth-child(2) i:before{left:57%;}
    	.fiche ul.steps li:nth-child(3) i:before{left:59%;}
 		.fiche ul.steps li:nth-child(4) i:before{left:52%;}

	}

    
    .fiche ul.steps li span.title{
		position:absolute;
		bottom:10px;
		left:0;
		rigth:0;
		width:100%;
		text-align:center;		
	}
	@media (max-width: 570px) {
		.fiche ul.steps li span.title{
			display:none;
		}

	}
	.fiche ul.steps li .separator{
		display:block;
		width:100%;
		height:1px;
		/*background:#ccc;*/
		border-top:1px dotted #ccc;
		position: absolute;
		top: 31%;
		left:45%;
		z-index:1;
	}
	.fiche ul.steps li .separator.actif{
		border-top:1px dotted #414141;
	
	}
	#PanierDeCommande.panier-list article{
		border-bottom:1px dotted #ccc;
		padding-bottom:0!important;
		padding-top:30px!important;
	}
	#PanierDeCommande.panier-list label{
		color:#414141;
		padding:6px 5px 0 0;
	}

	#PanierDeCommande.panier-list select{
		width:45px;
		float:right;
		text-align:center;
		padding:0 0 0 2px;
	}
	#PanierDeCommande.panier-list .delete a:before{	
		content:'\f057';
		margin-right:0px;
		color:#414141;
	}
	#PanierDeCommande.panier-list .delete a:hover:before{
		color:#008a00;
	}
	.ajouterpub{
		padding-top:10px;
	}
	.ajouterpub a:before{	
		display:inline-block;
		width:20px;
		height:20px;
		font-family:'FontAwesome';
		content:'\f053';
		font-size:14px;
		color:#414141;	
	}
	.ajouterpub a:hover:before{
		color:#008a00;
	}
	
	/*** Bon de commande ***/
	.form_content{
	 border:1px solid #D9D9D9;
	 background:#fefefe;
	 margin:1em 0 2em;
	 padding:15px 14px;
	 width:100%;
	 line-height:1.2em;
	 overflow:hidden;
	 background: #f1f1f1; /* Old browsers */
	 background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 8%, #ffffff 100%); /* FF3.6-15 */
	 background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 8%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	 background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 8%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	
	.form_content .form_block{
		margin:20px 0;
	}
	.form_content .form_block .question,.form_content .form_block .answer{
		display:inline-block;
		width:48%;
		vertical-align:top;
		padding-left:4%;
		padding-right:4%;
	}
	
	@media (max-width: 680px) {
		.form_content .form_block .question,.form_content .form_block .answer{
			width:100%;
			display:block;
		}
	}
	
	.form_content .form_block .question label{
		color:#414141;
	}
	.form_content .form_block .answer input,.form_content .form_block .answer select{
	display: inline-block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}	
	
	.form_content #ctl00_PlaceHolderMain_bonDeCommande_btnContinuer{
		background: #008a00!important;
	    color: #fff!important;
		border-radius: 2px;
	    font-size: 0.9em;
	    min-height: 0.9em;
	    letter-spacing: 0.4px;
	    margin: 8px 0;
	    text-transform: uppercase;
	    /*font-family: 'thesansregular';*/
	    font-family:'roboto';
	    display: inline-block;
	    padding: 6px 12px;
	    margin-bottom: 0;
	    font-size: 14px;
	    /*font-weight: 400;*/	   
	    font-weight:300;	
	    line-height: 1.42857143;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    -ms-touch-action: manipulation;
	    touch-action: manipulation;
	    cursor: pointer;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    width:50%;
	  }
    
	.form_content .form_block .answer p span{
		display:inline-block;
		width:20px;
		margin-right:10px;
		vertical-align:top;
	}
	.form_content .form_block .answer p span input{
	 	-webkit-box-shadow: none;
    	box-shadow: none;

	}
	.form_content .form_block .answer #ctl00_PlaceHolderMain_bonDeCommande_lblPermission{
		display:inline-block;
		width:87%;
	}
	@media (max-width: 365px) {
		.form_content .form_block .answer #ctl00_PlaceHolderMain_bonDeCommande_lblPermission{
		width:77%;

		}

	}
	
	.form_content .form_block .answer #ctl00_PlaceHolderMain_bonDeCommande_txtTelephone{
		min-width:120px;
	}
	.form_content .form_block .answer #ctl00_PlaceHolderMain_bonDeCommande_lblTelephonePoste{
		margin-left:10px;
	}
	
	@media (max-width: 340px) {
		.form_content .form_block .answer #ctl00_PlaceHolderMain_bonDeCommande_lblTelephonePoste{
			width:100%;
			margin-top:10px;
		}
	}

	.required_legend{
	    float: right;
    	margin: -2.5em 0 0;
    	padding: 0 0 0 12px;
    	background: url('../../images/required.png') 0px 5px no-repeat;	
	}
	
	.hors-ecran{
	display:none;
	}
	
	@media (max-width: 760px) {
		.required_legend{
			display:block;
			float:none;
			margin:20px 0;
		}
	}
	
	.form_content .required {
    	background: url('../../images/required.png') 15px 5px no-repeat;
    	color: #333;
    	font-weight: normal;    	
    }
    @media (max-width: 760px) {
    	.form_content .required{
    		margin-left:-15px;
    		padding-left:15px;
		}
	}
	
	/*** Résumé ***/
	table.confirmation{
		width:100%;
		color:#414141;
		margin:40px 0;		
	}
	table.confirmation th{	
		font-weight: normal;
    	padding: .25em 1em .5em 0;
    	text-align: right;
    	white-space: nowrap; 
    	width:20%;  
    	text-align:right; 
    }
    table.confirmation td{
    	background: #f5f5f5;
    	border-bottom: 1px solid #FFF;    	
    	padding: .25em 1em .5em;
    	width:80%;	
    	color:#000;
    	position:relative;
	}
	@media (max-width: 520px) {
		table.confirmation th,table.confirmation td{
			display:block;width:100%;text-align:left;
			background:#fff;
			padding-left:0;
		}
		table.confirmation th{
			font-weight:bold;
			color:#000;
		}	
		table.confirmation td{
			color:#414141;
		}	
		table.confirmation tr{
		border-top:1px dotted #ccc;
		}
	}
	table.confirmation .cart_action{
		list-style:none;
		background:#fff;
		position:absolute;
		top:0;left:0;right:0;bottom:0;
		padding:20px 0 20px 0;
		
	}
	table.confirmation .cart_action li{
		background:#fff;		
		text-align:right;
	
	}
	table.confirmation .cart_action li a:before{
		font-family:'FontAwesome';
		font-size:14px;
		display:inline-block;
		width:20px;
		height:20px;
		content:'\f040';
		color:#414141;
		margin-right:10px;		
	}
	table.confirmation .cart_action li a:hover:before{
	color:#008a00;
	}
	/*******************************************************************/   

	/***** Pagination Résultats de Recherhce ******/
	#top-paging .srch-Page{
		display:none;	
	}
	.paginator{
		text-align:center;
	}
	.srch-Page{
		font-family:Arial, Helvetica, sans-serif;
	}
	.srch-Page STRONG{
		border:none;
		float:none;
		display:inline-block;
		background:transparent;
		color:#414141;
		margin: 0 4px 0 4px;
		
	}
	.srch-Page a,#SRP_Next{
		border: none;	
		float:none;    
	    background: #f5f5f5;
	    margin: 0 4px 0 4px;
	    color:#006c08!important;
	    padding: 3px 8px!important;
	    display:inline-block!important;
	}
	#SRP_Next{
		padding:4px 8px !important;
		margin-left:4px;
	}	
	.srch-Page A:link, .srch-Page A:visited{
		color:#006c08!important;
		float:none;
	    display:inline-block!important;

	}
	.srch-Page a:hover,.srch-Page A:link:hover,#SRP_Next:hover{
		background:#008a00;
		color:#fff!important;
		border:none;
		margin:1px 4px 0 4px;
		text-decoration:underline!important;
	}
	#SRP_Next:hover{
		margin:0px 4px 0 4px;

	}
	
/**Social Override pour page contenu 2 colonnes encart de droite**/
ul.social.list-inline.custom li{
   list-style:none;
   background:none!important;
   font-size:33px;
   padding-left: 8px!important;
}
ul.social.list-inline.custom li a.btn-youtube{
   color:#ff0000!important;
}
ul.social.list-inline.custom li a.btn-twitter{
   color:#1da1f2!important;
}
ul.social.list-inline.custom li a.btn-facebook{
   color:#3b5998!important;
}
ul.social.list-inline.custom li a.btn-linkedin{
   color:#0077b5!important;
}
ul.social.list-inline.custom li a.btn-instagram{
   color:#212121!important;
}
ul.social.list-inline.custom li a:hover{
   opacity:0.65;
}

/*Show-Hide Toggle*/
.toggle-init{
	color:#008a00;
	position:relative;
	/*padding:30px 0 0 0;*/					
}
.toggle-init:after,.toggle-init.active:after{
	display:inline-block;
	text-align:center;
	width:40px;		
	margin-left:0px;
	margin-top:-4px;
	vertical-align:middle;
	font-family:'FontAwesome';
	content:'\f078';
}
.toggle-init.no-arrow:after,.toggle-init.no-arrow.active:after{
   content:'';
}
.toggle-init:hover{
	cursor:pointer;
	text-decoration:underline;
}
.toggle-init.active{
	border-bottom:none;
}
.toggle-init.active:after{
	content:'\f077';
}