:root {
  --bleu:#0291cb; 
  --jaune:#fab328;
  --vert:#93b030;
}


@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); 
}


@font-face{
	font-family:'FontAwesome';
	src:url('../fonts/fontawesome-webfont.eot?v=4.6.1');
	src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'),
	url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'),
	url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'),
	url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'),
	url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
font-weight:normal;
font-style:normal}


body{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	min-width:320px;
	color:#252b2b;
	line-height:1.3;
	font-size:16px;
	background:#fff;
}

.haut1,
.haut10,
.haut20,
.haut30,
.haut40,
.haut60{
	display:block;
}
.haut1{
	height:1px;
}
.haut10{
	height:10px;
}
.haut20{
	height:20px;
}
.haut30{
	height:30px;
}
.haut40{
	height:40px;
}
.haut60{
	height:60px;
}

a, a:hover, a:active, a:visited{
	text-decoration:none;
}
ul{
	list-style:none;
}

.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mt-50{
    margin-top: 50px;
}
.mt-60{
    margin-top: 60px;
}

.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-60{
    margin-bottom: 60px;
}
.mb-100{
    margin-bottom: 100px;
}
.pt-30{
    padding-top: 30px;
}

/*---------------------classes récurentes--------------------*/
*{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'montserratregular', sans-serif;
}


.box{
	position:relative;
}
.visuel img, .box img, .masque_slider img{
    width:100%;
    height:auto;
    margin-bottom:10px;
}
.img-resp img{
    max-width:100%;
    height:auto;
    margin-bottom:10px;
}
.box img:hover{
    cursor:zoom-in;
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);	
    transition: all 0.3s ease 0s;
}
.padding_left0, .padding_left00 {
    padding-left:0;
    padding-right:30px;
}
.padding_right0{
    padding-right:0;
}

.padding15{
    padding:15px;
}
.padding25{
	padding:25px;
}
.inline-block{
    display:inline-block;
}
.block{
	display:block;
}
.gras{
	font-weight:700;
}
.marginbottom20{
	margin-bottom:20px;
}
.marginbottom40{
	margin-bottom:40px;
}

.bloc-6 h3{
	margin-bottom:20px;
}
.bloc-6 a{
	color:var(--vert);
}

.margin-auto{
    margin: auto;
}
/*------------------------Slider / entete--------------------------------*/
#block-menuentete{
    position:absolute;
    top:300px;
}

.rev_slider_wrapper{
	margin-bottom:20px;
	position:relative;
}
.masque_slider{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	display:block;
}

.logo{
	width:215px;
	height:168px;
	position:absolute;
	top:22px;
	left:0;
	z-index:102;
	display:block;
}

.logo img{
	max-width:100%;
}

.tel_entete{
	position:absolute;
	top:40px;
	right:0;
	z-index:101;
	display:block;
	background:url(../img/icone_tel.png) no-repeat 10px center;
	background-color:var(--jaune);
	height:auto;
	width:243px;
	padding:10px 0 6px;
	text-align:left;
}
.bloc_ombre:after{
	content:' ';
	display:block;
	height:8px;
	width:90%;
	background:rgba(140, 140, 140, 0.3);
	position:absolute;
	top:50px;
	left:5%;
	border-radius:100%;	
}

.tel_entete p, .tel_entete a{
	padding-left:70px;
	font-size:15px;
	font-family: 'montserratregular';
	margin-bottom:-2px;
}
.tel_entete a{
	font-size:22px;
	color: var(--bleu);
}



/*-------------------------navigation---------------------*/
.navbar-brand{
    display: none;
}
.navbar{
    min-height:40px;
}
.navbar-default{
    border-radius:0;
    background:#fff;
    border-color:#fff;
    /*position:relative;
    z-index:200;
    width:100%;
    text-align:center;*/
}

.navbar-default .navbar-nav > li > a {
  display:inline-block;
  padding-top:10px;
  padding-bottom:0;
  padding-right:3px;
  padding-left:3px;
  text-transform:uppercase;
  color:#333;
}

.navbar-default .navbar-nav{
    width: 100%;
    display: flex;
    
}
.navbar-default .navbar-nav > li:nth-child(3) > a {
  font-size:16px;
  color:var(--bleu);
} 

.navbar-default .navbar-nav > li  {
    margin:0 auto;
}

.navbar-default .navbar-nav > li > a:before {
    content:'';
    display:inline-block;
    height:4px;
    background:none;
    width:100%;
    position:absolute;
    top:-5px;
}

.navbar-default .navbar-nav > li:hover a:before, 
.navbar-default .navbar-nav > li.page_active > a:before {
	background:var(--jaune);
}

.slogan{
    position:relative;
    top:30px;
    text-align:center;
}
.slogan h1{
    font-size:26px;
    text-transform:uppercase;
    text-align:center;
    text-shadow: -2px -2px 7px rgba(255, 255, 255, 1);
}
/*.sousmenu{
	background:#fff;
	padding-left:0;
	position:absolute;
	top:30px;
	left:0;
	width:214px;
	display:none;
}
.sousmenu li{
	padding-top:10px;
	padding-bottom:8px;
	padding-left:5px;
	background:#FFF;
	border-bottom:1px solid var(--jaune);
	font-size:14px;
	text-align:left;
}
.sousmenu li:first-child{
	border-top:1px solid var(--jaune);
	margin-top:10px;
}
.sousmenu li a{
	color:#333;
}
.sousmenu li:hover{
	background:var(--jaune);
}
.sousmenu li:hover a{
	color:#fff;
}
.niveau1:hover .sousmenu{
	display:inline-block;
}*/
.home{
	font-size:28px;
	position:relative;
	top:-5px;
}
/*--------------------------page d'accueil-----------------------------------*/

.bloc_espaces{
	margin-top:-80px;
	margin-bottom:100px;
}
.espace{
	border-radius: 0 10px 0 10px;
	padding:20px 25px 10px;
	color:#FFF;
	margin:auto;
	width:95%;
}
.texte_espace, .espace{
	height:200px;
}
.texte_espace{
	line-height:200px;
}
.texte_espace p{
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
	font-size:17px;
	line-height:27px;
}

.part{
	background:var(--bleu);
}
.prof{
	background:var(--vert);
}
.espace p{
	text-align:center;
}
p.titre_espace{
	padding-left: 80px;
	padding-bottom: 10px;
	font-family: 'montserratregular';
	font-size:18px;
	text-align:left;
	text-transform:uppercase;
}

.espace p:last-child{
	font-weight:700;
}

.espace:after{
	content:' ';
	display:block;
	height:8px;
	width:60%;
	background:rgba(140, 140, 140, 0.2);
	position:absolute;
	top:210px;
	left:20%;
	border-radius:100%;	
}
.illustration{
	position:absolute;
	top:-20px;
}


.fond_chiffres, .fond_profils, .fond_besoins, .fond_besoins_prof, .fond_entete{
	background:var(--jaune);
	margin-bottom:40px;
	color:#fff;
}
.fond_profils, .fond_gris{
	background:#626262;
}
.fond_chiffres p{
	font-family: 'montserratregular';
	padding-left:120px;
}
.fond_chiffres h3, 
.fond_profils h3, 
.fond_besoins h3, .fond_entete h2, 
.fond_besoins_prof h3{
	font-size:32px;
	padding-top:10px;
	margin-bottom:48px;
}
.fond_entete {
	margin-top:-138px;
}
.fond_entete h2{
	margin-bottom:20px;
}
.fond_entete:before, 
.fond_entete:after,
.fond_chiffres:before, 
.fond_chiffres:after,
.fond_profils:before, 
.fond_profils:after,
.fond_besoins:before, 
.fond_besoins:after,
.fond_besoins_prof:before, 
.fond_besoins_prof:after,
.fond_temoignages:before,
.fond_temoignages:after {
	content:'';
	display:block;
	border-bottom: 20px solid transparent;
	border-top: 20px solid #FFF;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	height: 0;
	width: 0;
	position:relative;
	top:0;
	margin:auto;
}

.fond_entete:after,
.fond_chiffres:after,
.fond_profils:after,
.fond_besoins:after,
.fond_besoins_prof:after,
.fond_temoignages:after{
	border-top: 20px solid var(--jaune);
	bottom:-37px;
	top:auto;
}
.fond_profils:after{
	border-top: 20px solid #626262;
}
.fond_besoins:after{
	border-top: 20px solid var(--bleu);
}
.fond_besoins_prof:after{
	border-top: 20px solid var(--vert);
}	
.fond_temoignages:after{
	border-top: 20px solid #e7e7e7;
}
.chiffres{
	height:95px;
	line-height:57px;
}
.salaries{
	background:url(../img/icone_salaries.png) no-repeat left center;	
}
.repartition{
	background:url(../img/icone_hf.png) no-repeat left center;
}
.clients{
	background:url(../img/icone_clients.png) no-repeat left center;
}
.equivalents{
	background:url(../img/icone_etp.png) no-repeat left center;
}
.nombre{
	font-size:50px;
	margin-bottom:0;
	line-height:50px;
}
.nombre_pt{
	font-size:30px;
	margin-bottom:0;
	line-height:30px;
}
.compteur{
	width:50px;
	display:inline-block;
	text-align:right;
	margin-right:5px;
}
.denomination{
	font-size:16px;
	line-height:18px;
	vertical-align:bottom;
	display:inline-block;
	margin-top:-30px;
}
.genre{
	position: relative;
	font-size: 13px;
	line-height: 13px;
	vertical-align:baseline;
	margin-left:2px;
}


.actus{
	margin-bottom:40px;
}
.titre_actus_rubrique, .titre_bleu{
	text-align:center;
	color:var(--vert);
	margin-bottom:40px;
}
.titre_bleu{
	color:var(--bleu); 
}

.bloc-view-actu{
        height: 250px;    
}
.texte-actualites{
	padding-bottom:44px;
}
.texte-actualites h3 {
	margin-top:-2px;
}
.texte-actualites h3 > a{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	text-transform:uppercase;
}
.bt_connexion a,
.bt_savoirplus, 
.particuliers .bt_savoirplus{
    color:var(--vert);
    border:1px solid var(--vert);
    padding:10px;
    border-radius: 0 10px 0 10px;
    margin:auto;
    text-align:center;
    display:inline-block;        
}

.texte-actualites .bt_savoirplus{
	position:absolute;
	bottom:0;
}

.bt_connexion a{
    margin-bottom: 20px;
}

.bt_savoirplus:hover, 
.particuliers .bt_savoirplus:hover{
	color:#fff;
	border:1px solid #fff;
	background:var(--vert);
}
p.accroche-actu{
    font-size: 16px;
}
.profil:nth-child(2n){
	clear:both;
}
.profil p:first-child{
	color:var(--vert);
	text-transform:uppercase;
	font-family: 'montserratbold';
	font-size:20px;
	margin-bottom:0;
	margin-top:10px;
}
.profil p:last-child{
	font-size:16px;
}
.profil .bt_savoirplus, 
.particuliers .bt_savoirplus{
	margin-top:20px;
}
.particuliers .bt_savoirplus{
	border:1px solid var(--bleu);
	color:var(--bleu);
}
.particuliers .bt_savoirplus:hover{
	background:var(--bleu);
}

/*-------------------carousel logos partenaires-----------------------*/

.liste_partenaires{
	margin:10px 0;
	height:180px;
	line-height:180px;
	text-align:center;
}


.logo_liste_partenaires {
	vertical-align:middle;
	line-height:normal;
	display:inline-block;
	width:80%;
	margin:auto;
}
.logo_liste_partenaires img{
    max-width: 100%;
    height: auto;
}


/*-------------------------page interne nos services-----------------------------*/
.titre_page{
	margin-bottom:60px;
	font-size:32px;
}

.fond_besoins, .fond_besoins_prof, .publications{
	margin-top:-20px;
	margin-bottom:-20px;
	position:relative;
}
.fond_besoins{
	background:var(--bleu);
}
.fond_besoins_prof{
	background:var(--vert);
}


.besoins{
	line-height:100px;
	height:100px;
	text-align:center;
	border-bottom:2px solid #FFF;
	margin-bottom:30px;
}

.besoins p, .besoins div{
	color:#fff;	
	font-family: 'montserratregular';
	font-size:18px;	
	line-height:normal;
	vertical-align:middle;
	display:inline-block;
}

.avantages{
	margin-top:60px;
	margin-bottom:20px;
}
.sstitre{
	font-size:24px;
	padding-bottom:20px;
}
.titre_avantages, 
.liste,
.titre_avantages_association{
	display:table-cell;
	vertical-align:middle;	
}
.titre_avantages{
	width:400px;
}
.titre_avantages_association{
	width:310px;
}
.liste{
	border-left:2px solid #868686;
        padding-top:10px;
        font-size:16px;
}
.liste p{
	padding-left:32px;
	text-align:justify;
}

.titre_avantages h3, .titre_avantages_association h3{
	text-align:right;
	font-size:32px;
	padding-right:40px;
	margin:0;
}
.titre_avantages_association h3{
	 font-size:26px;
}


.liste_bleue ul, .texte_editeur ul, .liste_jaune ul, .liste_verte ul, .texte-actualites ul{
    list-style-position:outside;
    margin-top:0;
    list-style-image:url(../img/puce_bleue.png);
}

.liste_jaune ul{
	list-style-image:url(../img/puce_jaune.png);
}
.liste_verte ul{
	list-style-image:url(../img/puce_verte.png);
}

.liste li{
	margin-top:8px;
	margin-left:2px;
}

.texte_editeur a{
    color:var(--bleu);
}
.texte_editeur a:hover{
    color:var(--vert);
}

.texte_editeur{
	font-size:16px;
	text-align:justify;
}
.texte_editeur h2{
	font-size:22px;
}
.texte_editeur h3{
	font-size:20px;
}
.texte_editeur h4{
	font-size:18px;
}
.plusgrand{
    font-size:20px;
    font-family: 'montserratregular', sans-serif;
}

/*-------------------offres--------------------------------------*/
.le-message-error{
    background:#ff0000;
    padding: 10px;
    font-size: 20px;
    color:#fff;
    border-radius: 20px;
}
.secteur{
	font-family: 'montserratregular';
	font-size:18px;
	margin-bottom:15px;
}
.separation{
	display:block;
	height:10px;
	width:100%;
	border-bottom:1px solid var(--bleu);
	clear:both;
        margin-top: 20px;
        margin-bottom: 20px;
}
.offres ul{
	list-style-type:disc;
	list-style-position: outside;
}


/*-------------------temoignages--------------------------------------*/

.titre_temoignages{
	text-align:center;
	color:#000;
	margin-bottom:40px;
}
.fond_temoignages{
	background:#e7e7e7;
}
.temoignages img{
	border-radius:100%;
}
.texte-temoignage{
	font-style:italic;
}

.guillemets:before, .guillemets:after {
	content:'«';
	color:var(--vert);
	font-size:50px;
	font-style:italic;
	position: absolute;
	top:-40px;
	left:-10px;
}
.guillemets:after {
	content:'»';
	top:auto;
	left:auto;
	right:5px;
	bottom:25px;
}
.temoin{
	padding-top:15px;
	text-align:right;
}

/*------------------------documents publications---------------------------*/


.titre_publication{
	height:50px;
	line-height:44px;
	border-left:1px solid var(--bleu);
	padding-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}
.titre_publication h4{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	margin:0;
}
.bordure, .bordure-paragraphe{
	border:1px solid #999;
}    
.bordure-paragraphe{
    padding: 10px 20px;
}

/*-----------------------formulaires----------------------------*/

.formulaire input[type="text"],
.formulaire input[type="email"],
.formulaire input[type="tel"],
.formulaire textarea{
	width:100%;
	border:1px solid var(--bleu);
	margin-bottom:30px;
	padding: 5px;
}

.formulaire input[type="submit"]{
	color:var(--bleu);
	border:1px solid var(--bleu);
	width:114px;
	padding:10px;
	border-radius: 0 10px 0 10px;
	margin:auto;
	text-align:center;
	background:#FFF;
}
.formulaire input[type="submit"]:hover{
	color:#fff;
	border:1px solid #fff;
	background:var(--bleu);
}
label[for="edit-recrutement-file"],
#edit-recrutement-file--label,
#edit-recrutement-file{
    margin-left: 15px;
}
#edit-recrutement-file{
    margin-bottom: 10px;
}
.joindre {
    margin-bottom:20px;
	display:inline-block;
}
.joindre > .fa{
   color: var(--jaune);
}
.offre{
	font-family: 'montserratregular';
	color:var(--bleu);
	font-size:20px;
	margin:10px 0;
	display:inline-block;
}

h5.bleu{
	margin-top:-3px;
}
h5.ville_carte, .adresse_carte{
	margin-top:0;
}

.form-required::after {
    background-size: 7px 7px;
    height: 7px;
    width: 7px;
}
.form-required::after {
    background-image: url("../img/required.svg");
    background-repeat: no-repeat;
    background-size: 6px 6px;
    content: "";
    display: inline-block;
    height: 6px;
    margin: 0 0.3em;
    vertical-align: super;
    width: 6px;
}
.texte_formulaire{
    margin-top: 60px;
}
.texte_formulaire p{
    font-size: 12px;
    margin-bottom: 5px;
}

/*-----------------------footer----------------------------*/

footer {
    padding: 60px 0 0;
}
footer:before{
    content:'';
    display: block;
    height: 1px;
    width: 100%;
    background: #ccc;
    position: relative;
    top:-30px;
}

.adresse{
    margin-top:35px;
}
.adresse p{
    margin-bottom:4px;
    text-align: center;
    font-weight: bold;
}
.logo_footer{
    text-align:center;
}
.logo_footer img{
    margin:auto;
}
.logo-europe{
    text-align:center;
}
.logo-europe img{
    margin: auto;
}

.logo_texte_footer{
    text-transform:uppercase;
    font-family: 'montserratregular';
    font-size:16px;
    padding-top:10px;
}
.libelle {
    height:70px;
}

.tel_jaune, .tel_bleu, .tel_vert{
    padding: 10px 0;
    font-weight:700;
}
.tel_jaune a, .fond_gris a:hover {
    color: var(--jaune);
}
.tel_bleu a{
    color: var(--bleu);
}
.tel_vert a{
    color: var(--vert);
}

.trait{
    background:url(../img/trait.png) repeat-y center top;
    height:250px;
}


.fond_gris{
    padding:20px 0 10px;
    color:#FFF;
    margin-top:60px;
}
.fond_gris a img{
    margin-left:20px;
}
.fond_gris a {
   color:#FFF;
}
.fond_gris .bt_connexion a:hover{
    background: var(--vert);
    color: #fff;
}

.mentions{
    padding-top:10px;
}
.mentions + .mentions{
    padding-top:0;
}


/*-----------------------responsive-----------------------------------------------------*/

@media (max-width: 1199px) {
	
	/*--------------------------navigation 1200----------------------------*/
	
        .slogan{
            top:5px;
        }	
	
	/*--------------------------page d'accueil 1200----------------------------*/
	.bloc_espaces{
            margin-top:-60px;
	}
	.espace{
	width:95%;
	padding:20px 10px 10px;
	}
	.espace:after{
	width:80%;
	left:10%;
	}
	
	.illustration{
		left:-5px;
	}
	
	.nombre{
		font-size:40px;
	}
	.genre{
		font-size: 26px;
		margin-left:5px;
	}

	/*-----------------------------page interne 1200------------------------------------*/
	
	.titre_avantages, .titre_avantages_association{
		width:300px;
	}
	
        .petit a{
            font-size: 14px;
        }
}



@media (max-width: 991px) {
	
	/*--------------------------navigation 991----------------------------*/
	#block-menuentete{
            top:190px;
        }
        .navbar-default .navbar-nav > li > a {           
            padding-right:1px;
            padding-left:1px;
            font-size: 15px;
          }
	.navbar-collapse { 
	  padding-left: 4px;
	  padding-right: 4px;
	}
	
	.slogan {
            top: -10px;  
	}
	.slogan h1{
            font-size:20px;
	}
	.home {
            font-size: 21px;
            top: 0px;
	}
	
	/*--------------------------page d'accueil 991----------------------------*/
	
	.bloc_espaces{
            margin-top:0;
	}
	.espace{
	width:80%;
	margin-bottom:40px;
	}
	.espace:after{
	width:70%;
	left:15%;
	}
	.illustration{
		left:15px;
	}
	.chiffres{
		margin-bottom:40px;
	}
	.nombre{
		font-size:50px;
	}
	.genre{
		font-size: 13px;
		margin-left:2px;
	}
	
	/*----------------------------page interne 991-----------------------------------*/
	
	.formulaire{
		margin-top:0;
	}
	.fond_besoins, .fond_besoins_prof {
		margin-top: 0;
	}
	.publications {
            margin-top: -10px;
	}
	.titre_avantages_association{
		width:235px;
	}
	.titre_avantages_association h3{
		font-size:24px;
	}
	.texte_espace{
		height:120px;
		line-height:120px;
		margin-bottom:-30px;
	}
	
	
	/*----------------------------footer 991-----------------------------------*/
	
		
	
}

@media (max-width: 767px) {
	
    #scroll-up {
            right: 20px;
            bottom: 20px;
    }

    /*--------------------------navigation 767----------------------------*/
     
    .rev_slider_wrapper{
        margin-bottom: 0;
    }
    #block-menuentete {
        position: relative;
        top:-50px;
        width: 100%;
    }
    #block-menuentete .col-lg-12{
        padding:0;
    }
    .navbar-default .navbar-brand {
	display: inline-block;
        font-size: 30px;
        color:#fff;
    }
    .navbar-collapse { 
      padding-left: 15px;
      padding-right: 15px;
    }
    .navbar-header{
        background:var(--jaune);
    }
    .navbar-default{
        border-color:transparent;
    }

    .navbar-default .navbar-toggle:hover, 
    .navbar-default .navbar-toggle:focus,	
    .navbar-default .navbar-nav > li, 
    .navbar-collapse,
    .navbar-toggle,
    .navbar-default .navbar-nav > li:hover a:before, 
    .navbar-default .navbar-nav > li.page_active > a:before {
            background:#fff;
    }
    .navbar-default .navbar-toggle .icon-bar,
    navbar-default .navbar-nav > li > a:focus {
            background:var(--jaune);
    }

    .navbar-default .navbar-nav > li > a, 
    .navbar-default .navbar-nav > li.page_active > a{
            font-size:16px;
    }
    .navbar-default .navbar-nav > li > a:before {
            display: none;
    }
    .navbar-default .navbar-nav > li {
            padding: 0px 4px 6px;
            border-bottom:1px solid var(--jaune);
    }
    .navbar-default .navbar-nav > .open > li{
            padding: 0px 4px;
    }
    .slogan {
      display:none;
    }
    .dropdown-menu{
            padding:5px 0 0;
    }
    .dropdown-menu li{
            background:#FFF;
            text-align:center;
            font-size:16px;
            padding:5px 0 0;
            border-bottom:1px solid var(--jaune);
    }
    .dropdown-menu li:last-child{
            border-bottom:1px solid #FFF;
    }
    .dropdown-menu li:first-child{
            border-top:1px solid var(--jaune);
    }
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus {
            color:#000;
            background-color: #FFF;
    }


    /*------------------------------entete 767---------------------------------------*/
    .logo{
            position:absolute;
            width:100%;
            top:50%;
            transform: translateY(-50%);
    }

    .tel_entete{
            position:relative;
            top:0;
            left:0;
            height: 57px;
            padding-top: 8px;
            width:257px;
    }
    .tel_entete a {
            font-size: 24px;
    }

    /*--------------------------page d'accueil 767----------------------------*/	

    
    .espace{
            width:80%;
            margin-bottom:40px;
            height:auto;
    }
    .espace:after{
            width:70%;
            left:15%;
    }
    p.titre_espace{
            padding-left:0;
            text-align:center;
    }
    .espace:after{
            display:none;
    }
    .profil{
            text-align:center;
            margin-bottom:20px;
    }
    .padding_left0{
        padding-left:15px;
    }
    .padding_left00{
        padding-right:0;
    }

    /*--------------------------page interne 767--------------------------------*/
    .fond_besoins{
            margin-top:40px;
    }
    .avantages{
            margin-top:10px;
    }
    .titre_avantages, .titre_avantages_association, .liste{
            display:block;
    }
    .titre_avantages h3, .titre_avantages_association h3{
            text-align:left;
            padding:10px 0;	
            margin-bottom:5px;
            font-size:26px;
    }
    .liste{
            margin-top:0px;
            border-left:2px solid transparent;
            padding-left:0;
    }
    .temoin{
            text-align:left;
            margin-bottom:40px;
    }
   
    .fond_besoins, .fond_besoins_prof {
            margin-top: 15px;
    }
    .titre_publication{
            height:100px;
            line-height:94px;
            margin-top:40px;
    }
    .publications {
            margin-top:-40px;
    }
    .publications h3 {
            margin-bottom: 10px;
    }
    .bloc-view-actu{
        height: auto; 
        margin-bottom: 20px;
    }
    .titre_page{
        margin-bottom: 30px;
    }
    .offres h2{
        font-size: 24px;
    }

    /*--------------------------contact 767----------------------------*/
    #gmapsx{
            height:300px;     
            margin-top:-50px;
    }

    /*----------------------------footer 767----------------------------------*/	
    .logo_footer, .logo_texte_footer, .adresse, .logo-europe{
            text-align:center;
    }
    .logo-europe img{
        margin: auto;
    }
    .adresse {
            margin-top: 5px;
            font-size:16px;
    }
    .adresse div+div:before{
            content:'';
            display:block;
            height:2px;
            background:#CCC;
            width:80%;
            margin:15px auto;

    }
    
    .petit a{
        font-size: 15px;
    }

}

@media (max-width: 600px) {
    .fond_chiffres p{
      padding-left: 0;
      text-align:center;
    }
    .nombre, .nombre_pt:nth-of-type(1){
            padding-top:100px;
    }
    .nombre_pt{
            font-size:32px;
    }

    .denomination {
      text-align:center;
      display:block;
      padding-top:30px;
      vertical-align:top;
    }
    .chiffres{
            height:200px;	
    }
    .salaries{
    background:url(../img/icone_salaries.png) no-repeat center top;	
    }
    .repartition{
            background:url(../img/icone_hf.png) no-repeat center top;	
    }
    .clients{
            background:url(../img/icone_clients.png) no-repeat center top;	
    }
    .equivalents{
            background:url(../img/icone_etp.png) no-repeat center top;	
    }


}

@media (max-width: 470px) {
    
    .logo{
        top:60%;
        transform: translateY(-55%);
    }
    .logo img{
	max-width:40%;
    }
    p.titre_espace{
            padding-left:47px;
            text-align:left;
    }
    .besoins {
    line-height:150px;
    height:150px;
    }
    .titre_publication{
	height:auto;
        padding-left: 10px;
    }
}

@media (max-width: 360px) {
    
    #block-menuentete {
        top:-30px;
    }
    .logo img{
	max-width:50%;
    }
    .bloc_espaces{
        margin-bottom: 145px;
    }
    .tel_entete p, .tel_entete a {
      padding-left: 60px;
    }

    .besoins p{
            font-size:16px;
    }
    
    

}



/*------------------------ scroll up-----------------------------*/

#scroll-up {
    position: fixed;
    z-index: 8000;
    bottom: 20px;
    right: 20px;
    display: none;
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    background-color: var(--jaune);
    color:#fff;
    border-radius: 0 10px 0 10px;
    cursor: pointer;
    border:1px solid #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;			
}

#scroll-up:hover {
    background-color: #626262;
    color: #fff;
}




#toolbar-bar {
    position: fixed;
    width: 100%;
}



/*--------------------------editeur--------------------------------*/
.jaune,
span.jaune{
    color:var(--jaune);
}

.bleu,
span.bleu{
    color:var(--bleu);
}

.vert,
span.vert{
    color:var(--vert);
}

/*------------------------ user login-----------------------------*/
#user-login-form label{
    display: block;
}
#user-login-form {
    margin-top: 20px;
}
#user-login-form input{
    margin:10px 0 15px;
}
 
.nav > li > a[href*="revisions"] {
    display: none;
}