#eloquant .ecran{width:calc(100% - 60px); padding:0 30px;}

#eloquant #ruban-logo{text-align:center; padding-top:20px;}

#eloquant #ruban-logo a.logo{
	display:inline-block;
	position:relative;
	top:0;	
}

#eloquant #ruban-bandeau{ padding-bottom:20px;}

#eloquant #ruban-bandeau .mainmenu{ text-align:center; padding:0;}

#eloquant #ruban-soustitre{ padding:30px 0;}

#eloquant #ruban-soustitre .ecran{
	display:block;
	width:calc(100% - 60px);
	padding:0 30px;
}

#eloquant #ruban-soustitre .section-titre{ display:block;}
#eloquant #ruban-soustitre .section-action{display:block; padding:0; width:auto; padding-top:30px;}

#eloquant #bandeau #options{
	 position:absolute;
	 width:100%;
	 height:70px;
	 background-color:#f2f2f2;
	 display:block;
	 left:0; 
	 top:0;
	 text-align:center;
}

#eloquant #bandeau #options a.contact{
margin:15px 0 0 0; 
}

#eloquant #bandeau #options a.contact:before{
	display:none;
}

#eloquant #bandeau a.logo{
	width:100%;
	display:block;
	text-align:center;
	margin-top:80px;
}

#eloquant #bandeau .droite{
	text-align:center;
	width:100%;
}


#eloquant #bandeau #menu{
	float:none;
	clear:none;
	text-align:center;
}

#eloquant #bandeau #menu>li:first-child{
	display:block;
	text-align:center;
	margin:30px 0 15px 0;
} 

#eloquant #bandeau #menu>li:first-child a{
	display:inline-block;
	text-align:center;
} 

#eloquant #bandeau #menu li a{
	font-size:17px;
} 

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

#eloquant #main h1{
	font-size:36px;
}

#eloquant #main h1 i{
	font-size:24px;
}

#eloquant #ruban-homecarousel{

	height:520px;
	background-color:#5b5960;
	background-image:url(../img/homecarousel-bg-2500.svg),url(../img/homecarousel-light.jpg);
	-webkit-background-image:url(../img/homecarousel-bg-1000.svg),url(../img/homecarousel-light.jpg);
	background-repeat:no-repeat;
	background-position:center bottom,top;
	background-size: 2313px,1321px;
}

#eloquant #homecarousel{
	width:100%;
	height:520px;
	margin-bottom:100px;
	overflow:visible;
	z-index:20;
}

#eloquant #homecarousel .sliderkit-panels{
	width:94%;
	height:475px;
	overflow:hidden;
	padding-left:3%;
}


#eloquant #homecarousel .sliderkit-panel{
	width:100%;
	height:525px;
	padding-top:50px;
	background-repeat:no-repeat;
	background-position:9999px 0;
	overflow:visible;
} 

#eloquant #homecarousel .sliderkit-panel img.icone{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	max-width:15%;
	height:auto;
} 

#eloquant #homecarousel .sliderkit-panel h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:32px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	width:80%;	
	vertical-align:middle;
} 
/*---------------------------------------------------------------------*/

#eloquant #zone-valeurs{
	display:block;
}

#eloquant #zone-valeurs .bloc-valeur{
	display:block;
	float:left;
	width:40%;
	min-height:350px;
	background-color:#e9e9e9;
	border:none;
	padding:22px 8px;
	margin-left:20px;
	margin-top:20px;
	text-align:center;
}

#eloquant #zone-valeurs h6{
	font-size:15px;
}

#eloquant #zone-valeurs p{
	font-size:15px;
}


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

#eloquant #zone-actualites .titre{
	width:100%;
	margin-top:50px;
}

#eloquant #zone-actualites .inscription-rapide{

	width:97%;
	margin-left:2%;
	margin-top:30px;

}

#eloquant #zone-actualites #bande-actus .actualites{
	float:left;
	width:97%;
	margin-left:2%;
	margin-top:15px;
}

#eloquant #zone-actualites .module-actualites{
	width:auto; 
	display:block;
}

#eloquant #zone-actualites .module-newsletter{
	width:auto; 
	display:block;
}

#eloquant #zone-actualites .actualites .actualite{min-width:300px; padding-bottom:40px;}
#eloquant #zone-actualites .actualites .actualite .layout{
	border-left: 1px solid #d9d9d9;
    margin-left: 10px;
	margin-right:0;
	border-right:0;
	padding:15px;
}
#eloquant #zone-actualites .actualites .actualite:first-child .layout{
	border-left: 1px solid #d9d9d9;
    margin-left: 10px;
	margin-right:0;
	border-right:0;
	padding:15px;
}

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

#eloquant #zone-solutions #lien-pub{
display:none;
}

#eloquant .solution p{
display:none;
}

/*---------------------------------------------------------------------*/
#eloquant #footer .footercol{
	width:auto;
	display:block;
	padding-top:40px;
	margin-top:40px;
	border-top:1px solid #8d8d8f;
}

#eloquant #footer div.marque{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:30px;
}


#eloquant #footer div.marque a.logo{
	display:inline-block;	
}

#eloquant #footer div.marque .reseaux{
	display:inline-block;	
	margin-left:0;
}

#eloquant #footer div.marque .reseaux:before{
	content:"";
	display:block;
	width:13px;
	height:13px;
	background-image:url(../img/reseaux-talk-h.png);
	position:absolute;
	top:10px;
	left:-13px;
	
}

#eloquant #footer div.miniplan{
	float:left;
	width:22%;
	margin-left:3%;
	
}


#eloquant #footer div.options{
	float:right;
	width:38%;
	margin-right:1.5%;
}

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

#eloquant #ruban-titre h1{
margin:15px 0;

}

#eloquant #carousel-small #carousel-contact{
	display:block;
	position:static;
	background-color:#000000;
	background-image:none;
	width:96%;
	padding:2%;
	height:auto!important;
	line-height:1.2!important;
	margin-top:40px;
}

#eloquant #carousel-small #carousel-contact:before{display:none;}
#eloquant #carousel-small #carousel-contact:after{display:none;}

#eloquant #carousel-small #carousel-contact p.num{ width:50%; float:left; overflow:visible;}
#eloquant #carousel-small #carousel-contact p{ overflow:hidden;}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel{ background-size:100%; background-position:0 center;}



#eloquant #carousel-small #pseudocarousel .sliderkit-panel .centre{
	width:50%;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-go-prev{
	left:25%;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-go-next{
	left:25%;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel h3{

	font-size:36px;
}

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

#eloquant #zone-sideleft{
	width:100%;
	margin-left:0;
	margin-right:0;
	min-width:inherit;
	float:none;
	clear:both;
	display:none;
}


#eloquant #zone-sideright{
	width:100%;
	margin-left:0;
	margin-right:0;
	min-width:inherit;
	float:none;
	clear:both;
	display:none;
}

#eloquant #main a.linkbox{ width:27%; float:left; margin:1%;}

#eloquant #main a.linkbox{ width:27%; float:left; margin:1%;}

#eloquant #zone-contenu{overflow:hidden; margin:30px 10px 0 10px; clear:both; }

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

#eloquant #main h3{
	margin-left:10px;
}

#eloquant #zone-texte span.spip_documents{
	max-width:200px;	
}

#eloquant #zone-texte span.spip_documents img{
max-width:100%;
height:auto;
}





#eloquant #zone-texte span.spip_documents_left{
	float:left;
	margin-right:25px;
	margin-bottom:10px;	
}

#eloquant #zone-texte span.spip_documents_right{
	float:right;
	margin-left:25px;
	margin-bottom:10px;	
}

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



#eloquant #zone-usages .box-usage{
	width:44%;
	padding:1%;
	margin:2%;
}

#eloquant #zone-usages .box-usage.dual{
	width:415px;
	height:auto;
	padding:15px 15px 15px 130px;
	margin:10px;
}

#eloquant #usages{
	margin-top:20px;
	padding:30px 15px 20px 15px;
	background-color:#e9e9e9;
}

#eloquant #zone-usages a.box-usage-simple{
	width:42%;
	padding:2%;	
	margin:0 2% 4% 2%;

}

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

#eloquant #zone-contenu #texte-usages span.spip_documents{
	max-width:200px;
	
}

#eloquant #zone-contenu #texte-usages span.spip_documents img{
max-width:100%;
height:auto;
}


#eloquant #zone-contenu #texte-usages span.spip_documents_left{
	float:left;
	margin-right:25px;
	margin-bottom:10px;
}

#eloquant #zone-contenu #texte-usages span.spip_documents_right{
	float:right;
	margin-left:25px;
	margin-bottom:10px;
}

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

#eloquant #carousel-usages .sliderkit-nav{
display:none;
}

#eloquant #carousel-usages .sliderkit-panels{ margin:0; padding:0; background-color:inherit;}


#eloquant #carousel-usages .sliderkit-panel{
	display:block!important;
	background-color:#ffffff;
	margin-top:30px;
	padding:25px;
}

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

#eloquant #zone-texte div.formulaire_spip form{width:94%; padding:3%}


#eloquant-popup form li{ width:100%;}


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

#eloquant .plus{ display:none;}
#eloquant .moins{ display:none;}

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

#eloquant #stories .story .logo{ width:100px;}

#eloquant #zone-references .sliderkit{ height:205px;}
#eloquant #zone-references .sliderkit-panel div{ width:42%;}
#eloquant #zone-references .sliderkit-panel{ height:auto;}
#eloquant #zone-references .sliderkit-panels{ height:auto; line-height:normal;}

#eloquant #zone-contact .section-temoignage{ display:block; width:auto; float:none; margin:0; padding-bottom:40px;}

#eloquant #formulaire form ul.two ul{ margin:0;}
#eloquant #formulaire form ul.two li{ width:100%; margin-top:20px;}

#zone-carousel-saphir .sliderkit{ height:auto;}
#zone-carousel-saphir .sliderkit-panels{ height:400px;}
#zone-carousel-saphir .sliderkit-panel{ background-size:auto 100%; height:400px;}
#zone-carousel-saphir .sliderkit-panel .ecran{ height:400px; line-height:400px;}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip li.sliderkit-selected::after{ background:none;}
#zone-carousel-saphir .sliderkit-nav{ padding:15px 0;}

#zone-chiffres .chiffre{ min-width:300px;}
#eloquant #zone-offres .offre{min-width:300px;}

#eloquant #zone-metiers .metiers{ text-align:center;}
#eloquant #zone-metiers a.metier{min-width:300px;}

#eloquant #ruban-bandeau .mainmenu ul li{ position:static !important;}
#eloquant #ruban-bandeau .mainmenu ul li .section{ display:inline-block; width:calc(50% - 15px); min-width:auto;}
#eloquant #ruban-bandeau .mainmenu ul li .section li a{ white-space:normal;}
#eloquant #ruban-bandeau .mainmenu ul li div.menusolution{ text-align:center; left:0; right:0 !important;}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel .centre{min-width:300px;}

#eloquant #ruban-blocs #usages{ text-align:center;}
#eloquant #ruban-blocs .box-usage{ float:none; display:inline-block;}

#eloquant #fonctionnalites h5{
	position:relative;
	display:inline-block;
	left:-27px;
	top:0;
	width:auto;
	margin-bottom:15px;
}

#eloquant #fonctionnalites ul{ margin:0;}

#eloquant #fonctionnalites div{ margin-top:20px;}

#eloquant #zone-quickcontact .bloctype{ padding:0; background:none;}

#eloquant #stories .story .logo{ float:none; margin-bottom:30px;}

#eloquant #main .titre-blog .thedate{ display:block; margin-bottom:20px;}
#eloquant #main .titre-blog h1, #eloquant #main .blogart .titre-blog h3{ padding:0;}


#eloquant #zone-offres .offre .box{ height:auto; line-height:normal;} 

#eloquant #zone-texte .gmap{ float:none;}

#eloquant .pagi .prev{ display:none;}
#eloquant .pagi .next{ display:none;}