/*-----------------------------------------------------------------------*/
/*RESET------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/

*{outline:none;}

#eloquant .spip-admin-bloc, #eloquant .spip-admin-float, #eloquant #spip-admin{ z-index:2000;}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*---------------------------------------------------------------------*/
/*FIN RESET------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*SLIDERKIT------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;}
.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}

/*-----------------------------------------------------------------------*/
/*FIN SLIDERKIT----------------------------------------------------------*/
/*-----------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*STRUCTURE------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

body#eloquant{
	background-color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
}

#notice-cookies{
	background-color:#fcf8e3;
	padding:10px 1%;
	margin:0;
	width:98%;
	z-index:100;
	font-size:12px;
}

#eloquant strong, h2, h3, h4, h5, h6{font-weight:bold;}


#eloquant .clear{clear:both; line-height:1px; font-size:1px; width:0; height:0; overflow:hidden;}

#eloquant .ecran{
	width:100%;
	max-width:980px;
	margin:0 auto;	
}

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

#eloquant #ruban-barretop{
	height:34px;
	background-color:#e3007a;
	text-align:right;
	font-size:0;
}

#eloquant #ruban-barretop span{
	display:inline-block;
	height:34px;
	line-height:34px;
	vertical-align:top;
}

#eloquant #ruban-barretop a.flag{
	display:inline-block;
	height:34px;
	line-height:34px;
	vertical-align:top;
	color:#ffffff;
	text-decoration:none;
	padding:0 5px;
	font-size:16px;
}

#eloquant #ruban-barretop a.flag.active{
	background-color:#d0d0d0;
}


#eloquant #ruban-barretop span.contact{
	background-color:#000000;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	background-image:url(../img/barretop-contact.jpg);
	background-repeat:no-repeat;
	background-position:10px 0;
	padding:0 15px 0 40px;
}
#eloquant #ruban-barretop span.contact a{

	color:#ffffff;
	text-decoration:none;
}

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

#eloquant #ruban-logo .ecran{position:relative;}

#eloquant #ruban-logo a.logo{
	position:absolute;
	top:-34px;
	left:0;
}

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


#eloquant #ruban-bandeau{
	width:100%;
}
/*------------------------------------------------*/

#eloquant #ruban-bandeau .mainmenu{
	padding:30px 0 30px 270px;
	text-align:right;	
	font-size:0;
} 

#eloquant #ruban-bandeau .mainmenu ul li{
	display:inline-block;
	vertical-align:middle;
	margin:9px;
	position:relative;
} 

#eloquant #ruban-bandeau .mainmenu ul li a{
	display:block;	
	font-size:16px;
	color:#494a4f;
	text-decoration:none;
} 

#eloquant #ruban-bandeau .mainmenu ul li a.contact{
	height:36px;
	line-height:36px;
	border-radius:10px;
	background-color:#e3007a;
	color:#ffffff;
	text-decoration:none;
	padding:0 15px;
} 

#eloquant #ruban-bandeau .mainmenu ul li a:hover{ color:#000000;} 

#eloquant #ruban-bandeau .mainmenu ul li.active a{
	color:#e1007a;
}

#eloquant #ruban-bandeau .mainmenu ul li a.multiple:after{
	content:url('../img/menu-fleche.gif');
	margin-left:3px;
}

#eloquant #ruban-bandeau .mainmenu ul li.active a.multiple:after{
	content:url('../img/menu-fleche-on.gif');
	margin-left:3px;
}

#eloquant #ruban-bandeau .mainmenu ul li>ul{
	position:absolute;
	display:none;
	background-color:#e7e7e7;
	padding:5px;
	z-index:100;
	text-align:left;
	margin-top:10px;
	box-shadow:0 0 0 1px #ffffff;
}

#eloquant #ruban-bandeau .mainmenu ul li>ul li{
	background-color:#ffffff;
	display:block;
	margin:0;
	padding:0;
}

#eloquant #ruban-bandeau .mainmenu ul li>ul li a{
	padding:20px;
	border-top:1px solid #d9d9d9;
	border-radius:0;
	white-space:nowrap;
	font-size:16px;
	color:#67686d;
	
}

#eloquant #ruban-bandeau .mainmenu ul li>ul li:first-child a{
	border:none;
}

#eloquant #ruban-bandeau .mainmenu ul li.active>ul li a{color:#67686d;}
#eloquant #ruban-bandeau .mainmenu ul li.active>ul li a:hover{color:#000000;}

#eloquant #ruban-bandeau .mainmenu ul li div.menusolution{
	position:absolute;
	font-size:0;
	text-align:center;	
	background-color:#e7e7e7;
	padding:15px;
	z-index:200;
	text-align:left;
	margin-top:10px;
	box-shadow:0 0 0 1px #ffffff;
	display:none;
}

#eloquant #ruban-bandeau .mainmenu ul li div.menusolution ul{
	display:block;
}

#eloquant #ruban-bandeau .mainmenu ul li .section{
	background-color: #ffffff;
    display: table-cell;
    font-size: 18px;
    vertical-align: top;
    min-width: 220px;
}
#eloquant #ruban-bandeau .mainmenu ul li .section:first-child{
	border-right:15px solid #e7e7e7;
}
#eloquant #ruban-bandeau .mainmenu ul li .section h5{
	background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
    color: #e2007a;
    display: block;
    font-size: 24px;
    font-weight: 300;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
	
}

#eloquant #ruban-bandeau .mainmenu ul li .section ul{
padding:10px 0;
	
}

#eloquant #ruban-bandeau .mainmenu ul li .section li{
	background-color:#ffffff;
	display:block;
	margin:0;
	padding:0;
}

#eloquant #ruban-bandeau .mainmenu ul li .section li a{
	padding:15px;
	border-radius:0;
	white-space:nowrap;
	font-size:16px;
	color:#67686d;
}
#eloquant #ruban-bandeau .mainmenu ul li .section li a:hover{color:#000000;}

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

#eloquant #ruban-footer{
	width:100%;
	background-color:#666668;
	font-size:0;
}

#eloquant #footer{padding:30px 0;}

#eloquant #footer .footercol{
	width:25%;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
}

#eloquant #footer a.logo{display:block;}

#eloquant #footer a.logo img{
	max-width:100%;
	height:auto;
}

#eloquant #footer .contact{

	background-color:#767677;
	display:inline-block;
	border-radius:10px;
	padding:20px 20px 20px 45px;
	position:relative;
	text-align:center;
	margin-top:20px;
	background-image:url(../img/footercontact.png);
	background-repeat:no-repeat;
	background-position:12px center;
}

#eloquant #footer .contact a{
	text-decoration:none;
	color:#dcdcdc;
	font-weight:bold;
	font-size:18px;
}


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


#eloquant #footer .reseaux{ margin-top:10px;}

#eloquant #footer .sponsor{ margin-top:10px; font-size:0;}

#eloquant #footer .sponsor span{
	display:inline-block;
	margin:5px;
}





#eloquant #footer h5{
	font-size:15px;
	color:#dddddd;
	margin-top:30px;
}

#eloquant #footer h5:first-child{margin-top:0;}

#eloquant #footer ul{ margin-top:15px;}

#eloquant #footer li,
#eloquant #footer li a{
	text-decoration:none;
	font-size:13px;
	color:#b3b3b3;
	line-height:20px;
}

#eloquant #footer .inscription-rapide{ margin-top:10px;}
#eloquant #footer .pseudo-form{ border:1px solid #ffffff;}
#eloquant #footer .pseudo-form input{ border:0;}
#eloquant #footer .pseudo-form a.bouton{
border-radius:0;
background-color:#5d5d5f;
}

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

#eloquant #ruban-copy{
	width:100%;
}

#eloquant #copy{
	text-align:center;
	padding:30px 0;
}

#eloquant #copy li{
	display:inline;
	font-size:15px;
	color:#484a4f;
}

#eloquant #copy li a{
text-decoration:none;
color:#484a4f;
}

#eloquant #copy li a:hover{
color:#e2007a;
}

#eloquant #copy p{
	font-size:11px;
	color:#7e7e7e;
	margin-top:8px;
}

#eloquant .calltoaction{
	margin-top:30px;
}

#eloquant .calltoaction a.bouton{
	display:inline-block;
	background-color:#e2007a;
	margin:10px;
	padding:30px 0;
	font-size:18px;
	font-weight:bold;
	padding:15px 20px;
	color:#ffffff;
	text-decoration:none;
	border-radius:10px;
}

#eloquant .calltoaction a.bouton.light{background-color:#85868b;}
#eloquant .calltoaction a.bouton:hover{background-color:#000000;}
/*---------------------------------------------------------------------*/
/*FIN STRUCTURE------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*STYLES PAR DEFAUT----------------------------------------------------*/
/*---------------------------------------------------------------------*/

#eloquant #ruban-main{
	width:100%;
	background-color:#ffffff;
	padding:50px 0;
}

#eloquant #zone-intranav-peridot+#ruban-main{padding:0 0 50px 0;}

#eloquant #ruban-main #main{
	text-align:center;
}


#eloquant #ruban-main #main .left{
	float:left;
	margin-right:30px;
}


#eloquant #main h1{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:48px;
	text-transform:uppercase;
	color:#494a4f;
	margin-top:20px;
}

#eloquant #main h1 strong{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#e2007a;
}

#eloquant #main h1 i{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:32px;
	color:#67686d;
	font-style:normal;
}

#eloquant #main h2{
	font-size:36px;
	color:#67686d;
	font-weight:300;
	margin-top:15px;
}

#eloquant #main h2 em{color:#e2007a;}
#eloquant #main h2 i{color:#e2007a;}

#eloquant #main h3{
	color: #494a4f;
    font-size: 30px;
	line-height: 34px;
    font-weight: normal;    
    margin-top: 30px;
    padding-bottom: 5px;
}

#eloquant #main h3:first-child{
	margin-top:0;
}
#eloquant #main p {
    color: #67686d;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
}

#eloquant #main p:first-child{margin-top: 0;}

#eloquant #main .up{
	width:100%;
	height:34px;
	clear:both;
	margin-top:30px;
}

#eloquant #main .up span{
	display:block;
	height:34px;
	background-image:url(../img/tirets-up.gif);
	background-repeat:repeat-x;
	background-position:left center;
	overflow:hidden;
}

#eloquant #main .up a{
	display:block;
	float:right;
	background-color:#d1d1d1;
	font-size:15px;
	color:#ffffff;
	text-transform:uppercase;
	height:34px;
	line-height:34px;
	border-radius:10px;
	text-decoration:none;
	padding:0 25px 0 15px;
	margin-left:15px;
	background-image:url(../img/fleche-up.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#eloquant #main .separ{
	height:1px;
	background-color:#d9d9d9;
	margin-top:35px;
	margin-bottom:35px;
}


#eloquant #main .tirets{
	background-image:url(../img/tirets.gif);
	background-repeat:repet-x;
	width:100%;
	clear:both;
	height:1px;
	margin-top:25px;
	margin-bottom:25px;
}


#eloquant #main #chapo,
#eloquant #main #chapo p{
	color:#969696;
	font-size:18px;
	margin-top:20px;
	line-height:22px;
	text-align:center;
	font-style:italic;
}

#eloquant #main a.linkbox{
	display:block;
	background-color:#f9f9f9;
	border:1px solid #dedede;
	padding:20px 10px;
	text-align:center;
	margin-top:25px;
	text-decoration:none;
	position:relative;
}
#eloquant #main a.linkbox:first-child{ margin-top:0;}

#eloquant #main a.linkbox span{display:block;}

#eloquant #main a.linkbox span.picto img{
	max-width:88px;
	max-height:68px;
	width:auto;
	height:auto;
}

#eloquant #main a.linkbox span.titre{
	color:#494a4f;
	font-size:20px;
	font-weight:300;
	margin-top:10px;
}
#eloquant #main a.linkbox span.desc{
	color:#e2007a;
	font-size:16px;
	margin-top:10px;
}

#eloquant #main a.linkbox span.desc::after{
	content: url(../img/fleche-right.gif);
	margin-left:3px;
}

#eloquant #main div.linkbox{
	border:1px solid #dedede;
	background-color:#f9f9f9;
	padding:10px;
	text-align:center;
	color:#494a4f;
	margin-top:40px;
}



#eloquant #main .zonetexte{
margin-top:50px;
}

#eloquant #main a.more{
	font-size:18px;
	font-weight:bold;
	color:#e2007a;
	text-decoration:none;
}


#eloquant #main a.more:hover{color:#000000;}

#eloquant #main a.more::after{
	content:url(../img/flecheright.png);
	margin-left:8px;
}

#eloquant #main a.bouton{
	display:inline-block;
	background-color:#e2007a;
	margin:10px;
	padding:30px 0;
	font-size:18px;
	font-weight:bold;
	padding:15px 20px;
	color:#ffffff;
	text-decoration:none;
	border-radius:10px;
	font-style:normal;
}

#eloquant #main a.bouton:hover{
	background-color:#000000;
}

#eloquant #main .inscription-rapide a.bouton{
	background-color: #e2007a;
    border-radius: 0 10px 10px 0;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
/*---------------------------------------------------------------------*/
/*FIN STYLES PAR DEFAUT------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*STYLES ZONES---------------------------------------------------------*/
/*---------------------------------------------------------------------*/

#eloquant #zone-texte{ text-align:left; padding:25px 0;}

#eloquant #zone-texte div{
	overflow:hidden;
}

#eloquant #zone-texte h3{
	color:#494a4f; 
	font-size:24px;
	line-height:28px;
	margin-top:30px;
}

#eloquant #zone-texte h3:first-child{margin:0;}

#eloquant #zone-texte h3 strong{
	color:#e2007a; 
}

#eloquant #zone-texte h4{
	color:#e2007a; 
	font-size:18px;
	line-height:22px;
	margin-top:20px;
}

#eloquant #zone-texte h4:first-child{margin:0;}

#eloquant #zone-texte h5{
	color:#b4b4b4; 
	font-size:16px;
}

#eloquant #zone-texte p{
	color:#67686d;
	font-size:16px;
	line-height:22px;
	margin-top:15px;
}

#eloquant #zone-texte .chiffres p{
	margin-top:0;
}

#eloquant #zone-texte p.key{
	color: #e2007a;
    font-size: 70px;
    font-weight: bold;
	line-height:normal;
}

#eloquant #zone-texte a{
	color:#000000;
	text-decoration:none;
}

#eloquant #zone-texte a.spip_out:after{
	content:url("../img/linkext.gif");
	position:relative;
	top:-9px;
}

#eloquant #zone-texte .spip_documents a.spip_out:after{
	content:"";
}

#eloquant #zone-texte i a.spip_out:after{
	content:"";
	display:none;
	
}


#eloquant #zone-texte a:hover{
	color:#e2007a;
	text-decoration:none;
}



#eloquant #zone-texte i{
	font-style:italic;
}


#eloquant #zone-texte p:first-child{margin:0;}


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

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

#eloquant #zone-texte .texteencadre-spip{
	padding:20px;
	background-color:#eeeff4;
	border-radius:10px;
	margin-top:20px;
}

#eloquant #zone-texte span.spip_documents_center{ text-align:center; width:100%; display:block;}

#eloquant #zone-texte img.icone{
	float:left;
	margin-right:10px;
	margin-top:16px;
	
}

#eloquant #zone-texte a.bouton{
	display:inline-block;
	padding:7px 12px;
	text-align:center;
	background-color:#e2007a;
	border-radius:10px;
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	margin:10px 20px 10px 0;
}

#eloquant #zone-texte a.bouton:hover{
	background-color:#000000;
}
#eloquant #zone-texte hr{
	position:relative;
	border:none;
	display:block;
	margin:15px 0 0 0;
	padding:15px 0 0 0;
	clear:both;
	border-top:1px solid #d9d9d9;
}

#eloquant #zone-texte .separ{
	position:relative;
	height:15px;
	background-color:#ffffff;
	color:#ffffff;
	background-image:url(../img/separ-content.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 15px;
	border:none;
	display:block;
	margin:25px 0 0 0;
	clear:both;
}

#eloquant #zone-texte a.videobox img.lecture{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-56px;
	margin-top:-36px;

}

#eloquant #zone-texte ul{margin-top:20px;}
#eloquant #zone-texte ul:first-child{margin-top:0;}

#eloquant #zone-texte li{
	color:#67686d;
	font-size:15px;
	line-height:18px;
	margin-top:5px;
	background-image:url(../img/puce-fonc.png);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:15px;
}

#eloquant #zone-texte li i{
	font-size:12px;
	color:#8a8a8a;
	font-style:normal;
	
}

#eloquant #zone-texte table.spip{
	width:100%;
	margin-top:30px;
	background-color:#d9d9d9;
	border-collapse:separate;
	border-spacing:1px;
}

#eloquant #zone-texte table.spip td{
	background-color:#ffffff;
	padding:20px;
	text-align:left;
	vertical-align:middle;
	color:#67686d;
	font-size:15px;	
}

#eloquant #zone-texte table.spip th{
	padding:15px;
	text-align:center;
	vertical-align:middle;
	font-size:18px;	
}


#eloquant #zone-texte .texteencadre-spip table{
	background-color:#ffffff;
	border-collapse:collapse;
	border-spacing:0;
}

#eloquant #zone-texte .texteencadre-spip table td{
	text-align:left;
	vertical-align:top;
}



#eloquant #zone-texte strong.caractencadre-spip{color:#e2007a;}
#eloquant #zone-texte strong.caractencadre2-spip{color:#494a4f;}

#eloquant #zone-texte .spip_poesie div h3{
	font-size:30px;
	color:#494a4f;
}

#eloquant #zone-texte .spip_poesie div h4{
	text-align:center;
	font-size:24px;
	color:#b4b4b4;
	margin-top:30px;
	text-transform:uppercase;
	font-weight:bold;
}


#eloquant #zone-texte p.reponse_formulaire{margin-top:25px;}


#eloquant #zone-texte p.reponse_formulaire_ok{
	background-image:url(../img/form_ok.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:35px;
	padding-top:10px;
	min-height:20px;
}

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


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

#eloquant #ruban-soustitre{
	background-color:#e7e7e7;
}

#eloquant #ruban-soustitre .ecran{
	position:relative;
	padding:20px 0;
	display:table;
}

#eloquant #ruban-soustitre .section-titre{
		display:table-cell;
		text-align:left;
		vertical-align:middle;
}


#eloquant #ruban-soustitre .section-titre .menurub{

	text-transform:uppercase;
	font-size:24px;
	color:#494a4f;
	font-weight:300;

}

#eloquant #ruban-soustitre .section-titre .menu{

	text-transform:uppercase;
	font-size:36px;
	color:#e2007a;
	font-weight:normal;
	margin-top:5px;

}

#eloquant #ruban-soustitre .section-action{
	display:table-cell;
	text-align:right;
	vertical-align:middle;
	padding-left:30px;
	width:40%;
}

#eloquant #ruban-soustitre .section-action .layout{
	line-height:normal;
	text-align:left;
}

#eloquant #ruban-soustitre .section-action .inscription-rapide h4{
	color:#494a4f;
	font-size:18px;
	font-weight:normal;
	text-transform:none;
}
#eloquant #ruban-soustitre .section-action .inscription-rapide .pseudo-form{
	margin-top:5px;
}

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

#eloquant #check-intra{
	
	margin-top:30px;
	margin-bottom:30px;
	display:table;	
	border-collapse:separate;
	border-spacing:15px;
	width:100%;
}

#eloquant #check-intra ul{	

	margin-top:-15px;
	display:table-row;
}



#eloquant #check-intra li{
	margin:0;
	display:table-cell;
	width:50%;
	height:30px;
	background-color:#ffffff;
	padding:15px 15px 15px 70px;
	font-size:16px;
	color:#67686d;
	background-image:url(../img/check-intra.png);
	background-repeat:no-repeat;
	background-position:19px 14px;
}

#eloquant #check-intra li strong{color:#494a4f;}

#eloquant #check-intra li a{
	color:#000000;
	font-size:14px;
	text-decoration:none;
	background-image:url(../img/fleche-intramenu.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:10px;
	
}

#eloquant #check-intra li a:hover{color:#e2007a;}

#eloquant #check-intra p{
	text-align:center;
	background-repeat:no-repeat;
	background-position:bottom;

}



#eloquant #check-intra p a{
	color:#67686d;
	line-height:24px;
	text-decoration:none;
	background-image:url(../img/fleche-intramenu.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:13px;
	margin-right:5%;
}

#eloquant #check-intra p a:hover{color:#000000;}


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

#eloquant #zone-actualites{ padding:50px 0; font-size:0; vertical-align:top;}

#eloquant #ruban-main+#zone-actualites{ padding:50px 0; font-size:0; vertical-align:top; border-top:3px solid #ededed;}

#eloquant #zone-actualites .module-actualites{
	display:inline-block;
	vertical-align:top;
	width:66%;
	font-size:18px;
	margin-top:20px;
}

#eloquant #zone-actualites .module-actualites h3{
	color:#494a4f;
	font-size:36px;
	font-weight:300;
	background-image:url(../img/virgule.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px 0 10px 65px;
	text-transform:uppercase;
	background-position:top left;
}


#eloquant #zone-actualites .actualites{margin-top:20px; font-size:0;}

#eloquant #zone-actualites .actualites .actualite{
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:18px;
}

#eloquant #zone-actualites .actualites .actualite .layout{padding:10px;}

#eloquant #zone-actualites .actualites .actualite:first-child .layout{
	border-right:1px solid #d9d9d9;
	margin-right:10px;

}

#eloquant #zone-actualites .module-newsletter{
	display:inline-block;
	vertical-align:top;
	width:34%;
	font-size:18px;
	background-color:#f4f4f4;
}

#eloquant #zone-actualites .module-newsletter>.layout{
	padding:30px;
}

#eloquant #zone-actualites .module-newsletter h3{
	color:#494a4f;
	font-size:36px;
	font-weight:300;
	text-transform:uppercase;
}

#eloquant #zone-actualites .module-newsletter .actualite{margin-top:20px;}

#eloquant #zone-actualites .module-newsletter .inscription-rapide{margin-top:20px;}

#eloquant #zone-actualites .actualite img{
	display:block;
	float:left;
	max-width:24%;
	height:auto;
	border: 1px solid #d9d9d9;
	margin-bottom:10px;
	margin-right:4%;
	padding:1%;
}

#eloquant #zone-actualites .actualite div{overflow:hidden;}

#eloquant #zone-actualites .actualite div h4 a{
	text-decoration:none;
	color:#494a4f;
	font-size:16px;
	font-weight:bold;
}

#eloquant #zone-actualites .actualite div p{
	color:#67686d;
	font-size:14px;
	line-height:normal;
	margin-top:10px;
}

#eloquant #zone-actualites .actualite a.more{
	display:block;
	margin-top:10px;
	font-size:15px;
	line-height:18px;
	color:#e2007a;
	text-decoration:none;
}

#eloquant #zone-actualites .actualite a.more:hover{color:#000000;}

#eloquant #zone-actualites .actualite a.more:after{
	content:url('../img/fleche-right.gif');
	display:inline-block;
	margin-left:4px;
	position:relative;
	top:-1px;
}

/*---------------------------------------------------------------------*/
/*FIN STYLES ZONES-----------------------------------------------------*/
/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*STYLES MODULES-------------------------------------------------------*/
/*---------------------------------------------------------------------*/

#eloquant .inscription-rapide h4{
	color:#85868b;
	font-size:13px;
	text-transform:uppercase;
	font-weight:normal;
}

#eloquant .inscription-rapide .pseudo-form{
	margin-top:5px;
}

#eloquant .inscription-rapide h4 a{
	color:#85868b;
	text-decoration:none;
}

#eloquant .inscription-rapide a.bouton{
	display:block;
	float:right;
	height:42px;
	line-height:42px;
	margin:0;
	padding: 0 15px;
	background-color:#e2007a;
	border-radius:0 10px 10px 0;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}

#eloquant .inscription-rapide div.input{overflow:hidden;}

#eloquant .inscription-rapide input{
	width:100%;
	box-sizing: border-box;
	padding:0 10px;
	border:1px solid #cbccd1;
	border-right:0;
	background-color:#ffffff;
	height:42px;
	line-height:42px;
	font-size:14px;
}

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

#eloquant .solution{
	text-align:center;
	padding:17px 0;
}

#eloquant .solution p{
	color:#67686d;
	font-size:12px;
	padding:0 5px;
	vertical-align:middle;
	margin-top:10px;
}


#eloquant .solution h5{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#89898a;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	margin:5px 0 15px 0;
}

#eloquant .solution h5 strong{
	display:block;
	font-size:16px;
	color:#494a4f;
	margin-top:5px;
}

#eloquant .solution a{ display:block;}

#eloquant .solution a.icone img{
	max-width:70%;
	height:auto;
}

#eloquant .solution a.bouton{
	display:block;
	padding:12px 5px;
	margin:20px 9% 0 9%;	
	background-color:#4b4b4d;
	background-image:linear-gradient(to top,rgbA(0,0,0,0.2),rgbA(0,0,0,0));
	background-image:-webkit-linear-gradient(bottom,rgbA(0,0,0,0.2),rgbA(0,0,0,0));
	border-radius:7px;
	font-size:14px;
	color:#ffffff;
	box-shadow:0px 0px 5px rgbA(0,0,0,0.5);
	text-decoration:none;
	overflow:hidden;
}

#eloquant .solution a.bouton strong{
	margin:0;
}

#eloquant .solution a.bouton:hover{background-color:#e2007a;}

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

#eloquant #main .module{
	padding:15px 18px;
	text-align:center;
}

#eloquant #main .module h3{
	color:#494a4f;
	font-size:20px;
	line-height:24px;
	margin:8px 0 0 0;
}

#eloquant #main .module img.icone{
	max-width:35%;
	height:auto;
}

#eloquant #main .module h5{
	font-size:16px;
	color:#e2007a;
	margin-top:10px;
	font-weight:normal;
}

#eloquant #main .module a{
	color:#67686d;
	font-size:14px;
	text-decoration:none;
	display:block;
	margin-top:5px;
}

#eloquant #main .module a:hover{color:#000000;}

#eloquant #main .module a.more{
	color: #e2007a;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
#eloquant #main .module a.more::after{
	content:"";
	margin:0;
}

/*---------------------------------------------------------------------*/
/*FIN STYLES MODULES---------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*HOMEPAGE ------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

#zone-carousel-saphir{width:100%; text-align:center; background-color:#f0f0f0;}


#zone-carousel-saphir .sliderkit{width:100%;}

#zone-carousel-saphir .sliderkit-panels{width:100%; background-color:#e0e0e0; height:320px;}
#zone-carousel-saphir .sliderkit-panel{
	width:100%;
	height:320px;
	background-color:#1969a3;
	background-repeat:repeat-y,no-repeat,no-repeat;
	background-position:center,left,right;
	text-align:center;
}

#zone-carousel-saphir .sliderkit-panel .ecran{
	height:320px;
	line-height:320px;
}

#zone-carousel-saphir .sliderkit-panel .texte{
	display:inline-block;
	text-align:center;
	line-height:normal;
	vertical-align:middle;
	max-width:750px;
}

#zone-carousel-saphir .sliderkit-panel .texte h3{
	font-weight:300;
	font-size:36px;
	line-height:36px;
	color:#ffffff;
}
#zone-carousel-saphir .sliderkit-panel .texte h3 span{
	vertical-align:middle;
	display:inline-block;
}
#zone-carousel-saphir .sliderkit-panel .texte p{
	font-size:18px;
	color:#ffffff;
	margin-top:15px;
}
#zone-carousel-saphir .sliderkit-panel .texte ul{
	margin-top:10px;
}

#zone-carousel-saphir .sliderkit-panel .texte li{
	color:#ffffff;
	font-size:16px;
}

#zone-carousel-saphir .sliderkit-panel .texte li:before{
	content: url("../img/puceslide.png");
    margin-right: 3px;
    position: relative;
    top: -3px;
}


#zone-carousel-saphir .sliderkit-panel .texte a.bouton{
	display:inline-block;
	background-color:#e3007a;
	border-radius:10px;
	color:#ffffff;
	border:1px solid #ffffff;
	font-size:22px;
	padding:15px 50px;
	margin-top:10px;
}


#zone-carousel-saphir .sliderkit-nav{
	width:100%;
	position:relative;
	background-color:#d9d9d9;
	padding:0;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip{
	width:100% !important;
	height:auto !important;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip ul{
	width:100% !important;
	height:auto !important;
	font-size:0;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip li{
	display:inline-block;
	vertical-align:middle;
	float:none;
	font-size:16px;
	position:relative;
}


#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip li a{
	display:block;
	color:#67686d;
	text-decoration:none;
	padding:0 15px;
	outline:none;
	height:52px;
	line-height:52px;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip li a span{
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip li.sliderkit-selected:after{
	content:"";
	background-image:url(../img/carouactif.png);
	width:100%;
	height:21px;
	position:absolute;
	top:-21px;
	left:0;
	background-repeat:no-repeat;
	background-size:100% 100%;
}


#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip .sliderkit-selected a{
	background-color:#ffffff;
	color:#85868b;

}

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

#eloquant #zone-valeurs{
	width:100%;
	display:table;
	table-layout: fixed; 
	margin-top:20px;
	margin-bottom:40px;
}

#eloquant #zone-valeurs .bloc-valeur{
	display:table-cell;
	width:25%;
	background-color:#e9e9e9;
	border-left:7px solid #ffffff;
	border-right:7px solid #ffffff;
	padding:22px 8px;
	text-align:center;
}

#eloquant #zone-valeurs h3{

	color:#494a4f;
	font-size:14px;
	text-transform:uppercase;
	height:83px;
	line-height:83px;
	background-image:url(../img/box-valeurs-bg.png);
	background-repeat:repeat-y;
	background-position:center;
	background-size:100% 83px;
	position:relative;

}

#eloquant #zone-valeurs h3 span{
	display:inline-block;
	vertical-align:middle;
	line-height:1.1;
	overflow:hidden;
	width:100%;
	
}

#eloquant #zone-valeurs h3:before{
	content:'';
	width:100%;
	height:15px;
	background-image:url(../img/box-valeurs-bg-top.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 15px;
	position:absolute;
	display:block;
	top:-15px;
	left:0;
	
}

#eloquant #zone-valeurs h3:after{
	content:'';
	width:100%;
	height:15px;
	background-image:url(../img/box-valeurs-bg-bottom.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 15px;
	position:absolute;
	display:block;
	bottom:-15px;
	left:0;
}

#eloquant #zone-valeurs h3 strong{
	display:block;
	font-size:24px;
	color:#e2007a;
	margin-bottom:3px;
	line-height:1.1;
}

#eloquant #zone-valeurs div.icone {
	height:115px;
	line-height:115px;
	margin-top:25px;
}

#eloquant #zone-valeurs div.icone img{
	display:inline-block;
	vertical-align:middle;
	max-width:72%;
	height:auto;
	padding:0 14%;
}

#eloquant #zone-valeurs h6{
	color:#4b4b4d;
	font-size:12px;
	margin-top:20px;
}

#eloquant #zone-valeurs p{
	color:#67686d;
	font-size:12px;
	margin-top:10px;
}


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


#eloquant #zone-solutions{
	margin:40px 0;
}


#eloquant #zone-solutions #lien-pub{
	float:left;
	width:25%;
	text-align:center;
}

#eloquant #zone-solutions #lien-pub img{max-width:100%; height:auto;}


#eloquant #zone-solutions #lien-pub a.bouton{
	display:block;
	height:35px;
	line-height:35px;
	margin:0 9%;	
	background-color:#e2007a;
	background-image:linear-gradient(to top,rgbA(0,0,0,0.2),rgbA(0,0,0,0));
	background-image:-webkit-linear-gradient(bottom,rgbA(0,0,0,0.2),rgbA(0,0,0,0));
	border-radius:7px;
	font-size:14px;
	color:#ffffff;
	box-shadow:0px 0px 5px rgbA(0,0,0,0.5);
	text-decoration:none;
	
}


#eloquant #zone-solutions #bloc-solutions{
	overflow:hidden;
	padding:1% 1% 2.5% 1%;
	background-color:#e9e9e9;
}

#eloquant #zone-solutions #bloc-solutions h4{
	color:#000000;
	font-size:24px;
	margin:20px 0 20px 5px;
}
#eloquant #zone-solutions #bloc-solutions h4 strong{color:#e2007a;}


#eloquant #zone-solutions #bloc-solutions .solution.first{margin-left:0;}


#eloquant #zone-solutions #bloc-solutions .solution{

	background-color:#ffffff;
	display:table-cell;
	vertical-align:middle;
	width:33%;
	border-right:10px solid #e9e9e9;
	border-left:10px solid #e9e9e9;
}

/*---------------------------------------------------------------------*/
/*FIN HOMEPAGE ------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*PSEUDO HOMEPAGE ------------------------------------------------------*/
/*---------------------------------------------------------------------*/


#eloquant #ruban-titre{
	background-color:#494a4f;
	text-align:center;
	padding:7px 0;
}

#eloquant #ruban-titre h1{
	font-family: 'Roboto', sans-serif;
	display:inline-block;
	vertical-align:middle;
	font-weight:100;
	font-size:36px;
	line-height:36px;
	color:#ffffff;
	text-transform:uppercase;
	vertical-align:middle;
}

#eloquant #ruban-titre img{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

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



#eloquant #ruban-carousel-small{
	background-color:#ffffff;
	background-image:url(../img/bandeaudyn-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:5px solid #e5e5e5;
	
}

#eloquant #carousel-small #pseudocarousel{
	width:100%;
	height:300px;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-panels{
	width:100%;
	height:300px;
}
#eloquant #carousel-small #pseudocarousel .sliderkit-panel{
	width:100%;
	height:300px;
	line-height:300px;
	background-repeat:no-repeat;
	background-position:right;
	z-index:10;
	text-align:center;
	
}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel .image{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	text-align:center;
	padding-left:30px;
	
}
#eloquant #carousel-small #pseudocarousel .sliderkit-panel .image img{
	max-height:220px;
	width:auto;
	height:auto;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel .centre{
	max-width:40%;
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	text-align:center;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel h3{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:36px;
	color:#494a4f;
	text-transform:uppercase;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel h4{
	font-size:20px;
	color:#494a4f;
	margin-bottom:10px;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-panel p{
	font-size:16px;
	color:#69686b;
	margin-top:10px;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-go-prev{
	position:absolute;
	top:5%;
	left:50%;
	z-index:100;
}

#eloquant #carousel-small #pseudocarousel .sliderkit-go-next{
	position:absolute;
	top:92%;
	left:50%;
	z-index:100;
}
#eloquant #carousel-small #pseudocarousel .sliderkit-go-btn a{ outline:none;}

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

#eloquant #zone-menu{
	text-align:center;
	background-image:url(../img/intramenu-separ.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:20px 0 26px 0;
	margin-bottom:50px;
}

#eloquant #zone-menu a{
	color:#67686d;
	line-height:24px;
	text-decoration:none;
	background-image:url(../img/fleche-intramenu.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:13px;
	margin-right:5%;
}

#eloquant #zone-menu a:hover{color:#000000;}

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

#eloquant #zone-contenu{
	overflow:hidden;
	margin:0 10px;
	text-align:left;
}


#eloquant #zone-sideleft{
	width:22%;
	margin-left:1%;
	margin-right:5%;
	min-width:150px;
	float:left;
}


#eloquant #zone-sideright{
	width:22%;
	margin-left:5%;
	margin-right:1%;
	min-width:150px;
	float:right;
	text-align:left;


}

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


#eloquant #ruban-blocs .ecran{ border-top:1px solid #d9d9d9; padding-top:50px;}

#eloquant #ruban-blocs #usages{
	margin-top:20px;
	padding:30px 15px 0 15px;
	background-color:#eeeff4;
}


#eloquant #ruban-blocs h3 {
    color: #494a4f;
    font-size: 38px;
    font-weight: normal;
}

#eloquant #ruban-blocs .box-usage{
	float:left;
	width:256px;
	height:290px;
	line-height:290px;
	padding:15px;
	background-color:#ffffff;
	text-align:center;
	position:relative;
	margin:0 15px 30px 15px;
	box-shadow: 7px 7px 0 0 #dddee3;
}

#eloquant #ruban-blocs .box-usage .centre{
	display:inline-block;
	vertical-align:middle;
	line-height:1.2;
}

#eloquant #ruban-blocs .box-usage h4{
	color:#494a4f;
	font-size:24px;
	text-transform:uppercase;
	margin:12px 0;
	font-weight:300;

}

#eloquant #ruban-blocs .box-usage h5{
	color:#494a4f;
	font-size:20px;
	text-transform:uppercase;
	margin:10px 0;

}

#eloquant #ruban-blocs .box-usage p{
	color:#67686d;
	font-size:15px;
	margin:10px 0;
	line-height:18px;
}


#eloquant #ruban-blocs .box-usage img{
	margin:10px auto;
	display:block;
	
}

#eloquant #ruban-blocs .box-usage p a.more{
	font-size:18px;
	font-weight:bold;
	color:#e2007a;
	text-decoration:none;
}


#eloquant #ruban-blocs .box-usage a.more:hover{color:#000000;}

#eloquant #ruban-blocs .box-usage a.more::after{
	content:url(../img/flecheright.png);
	margin-left:8px;
}





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

#eloquant #ruban-fonctionnalites{
	padding:50px 0;
}

#eloquant #ruban-fonctionnalites h3 {
    color: #494a4f;
    font-size: 38px;
    font-weight: normal;
	margin-top:30px;
}

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

#eloquant #fonctionnalites div{
	background-color:#e9e9e9;
	margin-left:10px;
	clear:both;
	padding:17px;
	position:relative;
	margin-top:3px;
}

#eloquant #fonctionnalites h5{
	position:absolute;
	left:-10px;
	top:16px;
	width:25%;
	font-size:18px;
	line-height:22px;
	color:#ffffff;
	text-transform:uppercase;
	background-color:#e2007a;
	padding:12px 15px 10px 15px;
	font-weight:normal;
	
}

#eloquant #fonctionnalites h5:before{
	content:"";
	width:10px;
	height:10px;
	background-image:url(../img/fonc-angle.gif);
	position:absolute;
	left:0;
	top:-10px;
	
}


#eloquant #fonctionnalites ul{
	margin-left:29%;
	
}

#eloquant #fonctionnalites ul li{
	background-color:#ffffff;
	font-size:16px;
	line-height:20px;
	color:#494a4f;
	margin-bottom:7px;
	padding:10px 10px 10px 30px;
	background-image:url(../img/puce-fonc.png);
	background-repeat:no-repeat;
	background-position:15px 16px;
}

#eloquant #fonctionnalites ul li i{
	font-size:14px;
	color:#8a8a8a;
	font-style:normal;
}

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

#eloquant #zone-references a.stories{
	display:block;
	text-align:center;
	font-size:15px;
	color:#4b4b4d;
	text-decoration:none;
	margin-top:25px;
}

#eloquant #zone-references a.stories:hover{
	color:#000000;
}

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

#eloquant #carousel-usages{
	background-color:#e9e9e9;
	margin-top:30px;
	overflow:visible;
	padding:20px;

}

#eloquant #carousel-usages .sliderkit-panels{
	
	background-color:#ffffff;
	padding:35px;
	margin-left:260px;
}

#eloquant #carousel-usages .sliderkit-panel{
	position:relative;
}

#eloquant #carousel-usages .sliderkit-nav{
	position:relative;
	float:left;
	width:260px;
}

#eloquant #carousel-usages .sliderkit-nav li{
	float:none;
	padding-right:10px;
}

#eloquant #carousel-usages .sliderkit-nav li.sliderkit-selected{
	background-color:#ffffff;
}

#eloquant #carousel-usages .sliderkit-nav li.sliderkit-selected a{
background-image:none;
}


#eloquant #carousel-usages .sliderkit-nav li a{
	display:block;
	padding:20px;
	text-transform:uppercase;
	outline:none;
}


#eloquant #carousel-usages .sliderkit-nav li a strong{
	display:block;
	color:#494a4f;
	font-size:20px;
}

#eloquant #carousel-usages .sliderkit-nav li a span{
	display:block;
	font-size:18px;
	color:#67686d;
	margin-top:5px;
}

#eloquant #carousel-usages .sliderkit-nav li a img{
	margin-top:10px;
}

#eloquant #carousel-usages .sliderkit-panel h3{
	color:#494a4f;
	font-size:28px;
	font-weight:300;
}

#eloquant #carousel-usages .sliderkit-panel h4{
	color:#e2007a;
	font-size:22px;
	margin-top:10px;
	font-weight:normal;
}

#eloquant #carousel-usages .sliderkit-panel h5{
	color:#494a4f;
	font-size:18px;
	margin-top:20px;
	font-weight:normal;
	background-image:url(../img/puce-check.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding-left:20px;
}
#eloquant #carousel-usages .sliderkit-panel .spip_documents_left{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}
#eloquant #carousel-usages .sliderkit-panel .spip_documents_right{
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}

#eloquant #carousel-usages .sliderkit-panel p{
	color:#67686d;
	font-size:16px;
	line-height:20px;
	margin-top:15px;
}

#eloquant #carousel-usages .sliderkit-panel li{
	font-size:15px;
	line-height:16px;
	color:#67686d;
	margin-top:10px;
	background-image:url(../img/puce-fonc.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:15px;
}

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

#eloquant #zone-linkbox {
	margin-top:50px;
}



#eloquant #zone-linkbox a.linkbox{
	float:left;
	width:28%;
	margin:0 2% 20px 2%;
	height:180px;
	line-height:180px;
}

#eloquant #zone-linkbox a.linkbox img{
	max-width:100%;
}


/*---------------------------------------------------------------------*/
/*FIN PSEUDO HOMEPAGE ------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*PAGE USAGE ------------------------------------------------------*/
/*---------------------------------------------------------------------*/


#eloquant a.bouton-retour{
	display:block;
	padding:15px 7px;
	text-align:center;
	background-color:#e2007a;
	background-image:linear-gradient(to top,rgbA(0,0,0,0.2),rgbA(0,0,0,0));
	background-image:-webkit-linear-gradient(bottom,rgbA(0,0,0,0.2),rgbA(0,0,0,0));
	border-radius:7px;
	font-size:14px;
	line-height:1;
	color:#ffffff;
	font-size:14px;
	box-shadow:0px 0px 6px rgbA(0,0,0,0.35);
	text-decoration:none;
	margin-top:15px;
}

#eloquant a.bouton-retour strong{
	display:block;
	margin-left:20px;

}
#eloquant a.bouton-retour img{
	float:left;

}

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

#eloquant #zone-usages a.box-usage-simple{
	display:block;
	float:left;
	width:256px;
	height:55px;
	line-height:55px;
	padding:15px;
	background-color:#ffffff;
	text-align:left;
	position:relative;
	margin:0 15px 30px 15px;
	text-decoration:none;
	font-size:0;
	letter-spacing:-5px;
}

#eloquant #zone-usages a.box-usage-simple img{
	display:inline-block;
	vertical-align:middle;
	width:23%;
	height:auto;
	
}

#eloquant #zone-usages a.box-usage-simple strong{
	display:inline-block;
	vertical-align:middle;
	color:#494a4f;
	font-size:20px;
	text-transform:uppercase;
	line-height:1.2;
	width:72%;
	margin-left:4%;
	letter-spacing:normal;
	
}

#eloquant #zone-usages div.box-usage-simple{
	float:left;
	width:286px;
	height:85px;
	line-height:55px;
	text-align:left;
	position:relative;
	margin:0 15px 30px 15px;
	text-decoration:none;
	font-size:0;	
}

#eloquant #zone-usages div.box-usage-simple a.bouton-retour{
	font-size:16px;
	height:55px;
	line-height:50px;
	margin:0;
}

#eloquant #zone-usages div.box-usage-simple a.bouton-retour strong{
	line-height:1.2;
	display:inline-block;
	vertical-align:middle;
}
#eloquant #zone-usages div.box-usage-simple a.bouton-retour img{
	vertical-align:middle;
	float:none;
}
#eloquant #zone-usages div.box-usage-simple a.bouton-retour strong{
	line-height:1.2;
	display:inline-block;
	vertical-align:middle;
}

#eloquant #main #zone-usages h3{
	color: #494a4f;
    font-size: 38px;
    font-weight: normal;
    margin-top: 30px;
	text-align:left;
	
}


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

#eloquant ul#sousmenu{
	margin-top:35px;
	margin-bottom:35px;
}

#eloquant #sousmenu li a{
	display:block;
	color:#67686d;
	font-size:18px;
	line-height:1.2;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	padding:2px 0 22px 0;
	background-image:url(../img/sousmenu-separ.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#eloquant #sousmenu li a:hover{
	color:#000000;
}

#eloquant #sousmenu li.beforeactive a{
background:none;
padding:2px 0;
}

#eloquant #sousmenu li.active a{
	background-color:#cccccc;
	color:#ffffff;
	background-image:none;
	padding:10px 0;
	margin-top:7px;
	margin-bottom:7px;
}


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

#eloquant #zone-contenu #titre-page{


	padding-bottom:30px;
	margin-top:20px;
	border-bottom:1px solid #d5d5d5;
}

#eloquant #zone-contenu #titre-page h1{

	font-weight:normal;
	font-weight:300;
	font-size:48px;
	color:#484a4f;
	text-transform:uppercase;
	background-image:url(../img/virgule.png);
	background-repeat:no-repeat;
	background-position:left 10px;
	padding: 10px 0 10px 65px;
	text-align:left;
	
	
}

#eloquant #zone-contenu #titre-page h2{
	font-weight:normal;
	font-weight:300;
	font-size:28px;
	color:#67686d;
	margin-top:5px;
	text-align:left;
}

#eloquant #zone-contenu #titre-page span{
	display:inline-block;
	vertical-align:middle;
	max-width:25%;
}
#eloquant #zone-contenu #titre-page img{
	max-width:100%;
	height:auto;
}

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

#eloquant #zone-contenu #texte-usages{
	margin-top:50px;
}



#eloquant #zone-contenu #texte-usages a{
	color:#000000;
	text-decoration:none;
}

#eloquant #zone-contenu #texte-usages a.bouton{
	color:#ffffff;
	text-decoration:none;
}

#eloquant #zone-contenu #texte-usages a.bouton:hover{color:#ffffff;}

#eloquant #zone-contenu #texte-usages ul li{
	font-size:16px;
	line-height:18px;
	color:#67686d;
	margin-top:15px;
	background-image:url(../img/puce-fonc.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:15px;
}

#eloquant #zone-contenu #texte-usages a.spip_out:after{
	content:url("../img/linkext.gif");
	position:relative;
	top:-9px;
	
}

#eloquant #zone-contenu #texte-usages a:hover{
	color:#e2007a;
	text-decoration:none;
}

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

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

#eloquant #zone-contenu #texte-usages span.spip_documents_center{
	display:inline-block;
	vertical-align:middle;
}

#eloquant #zone-contenu #texte-usages .texteencadre-spip{
	padding:20px;
	background-color:#eeeff4;
	border-radius:10px;
	margin-top:20px;
	display:inline-block;
}

#eloquant #zone-contenu #texte-usages hr{
	display: block;
    clear: both;
    height: 1px;
	color:#d9d9d9;
	background-color:#d9d9d9;
    margin: 35px 0 35px;
    padding: 0;
    border: 0;
    font-family: arial;
    text-align: center;
    font-size: 60px;
    line-height: 1;

}

#eloquant #zone-contenu #texte-usages div{overflow:hidden;}

/*---------------------------------------------------------------------*/
/*FIN PAGE USAGE ------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*PAGE BLOG ------------------------------------------------------*/
/*---------------------------------------------------------------------*/

#eloquant #main .blogart{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #d9d9d9;
}

#eloquant #main .blogart:first-child{
	padding-top:0;
	border-top:none;
}
#eloquant #main .titre-blog{margin-top:20px;}

#eloquant #main .titre-blog h1,
#eloquant #main .blogart .titre-blog h3{
	display:table-cell;
	vertical-align:middle;
	color:#494a4f;
	font-size:32px;
	text-align:left;
	padding:0 0 0 20px;
	text-transform:none;
	font-weight:300;
}

#eloquant #main .titre-blog h1 a,
#eloquant #main .titre-blog h3 a{
	color:#494a4f;
	text-decoration:none;
}

#eloquant #main .titre-blog .thedate{display:table-cell;}

#eloquant #main .titre-blog p.date{
	
	width:60px;
	vertical-align:top;
	background-color:#e7e7e7;
	text-align:center;
	font-size:14px;
	letter-spacing:0px;
	color:#494a4f;
	padding:10px 0;	
}

#eloquant #main .titre-blog p.date .jour{
	display:block;
	font-size:42px;
	line-height:42px;
	color:#e2007a;
	letter-spacing:-3px;
}

#eloquant #main .titre-blog p.date .mois{
	display:block;
	font-size:16px;
	line-height:20px;
	
}

#eloquant #main .chapo-blog{
	color:#969696;
	font-size:18px;
	margin-top:20px;
	line-height:22px;
}

#eloquant #main #texte-blog{
	margin-top:25px;
	padding-top:25px;
	padding-bottom:20px;
	border-top:1px solid #d9d9d9;
}

#eloquant .share td{ width:70px; vertical-align:middle; padding:5px;}

#eloquant a.blog-retour{
	display:block;
	background-color:#494a4f;
	color:#ffffff;
	background-image:url(../img/fleche-retour-blog.gif);
	background-repeat:no-repeat;
	background-position:14px center;
	padding:15px 15px 15px 35px;
	text-decoration:none;
	font-size:20px;
}

#eloquant a.blog-retour:hover{
	background-color:#e2007a;
}

#eloquant #menu-filtre{
	background-color:#f9f9f9;
	border:1px solid #dedede;
	text-align:center;
	margin-top:40px;
}

#eloquant #menu-filtre:first-child{margin-top:0;}

#eloquant #menu-filtre h4{
	background-color:#ffffff;
	color:#e2007a;
	text-align:center;
	height:60px;
	line-height:60px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
}



#eloquant #menu-filtre li a{
	display:block;
	padding:15px 5px 15px 20px;	
	text-decoration:none;
	color:#89898a;
	font-size:14px;
	text-transform:uppercase;
	border-top:1px solid #e9e9e9;
}

#eloquant #menu-filtre li a:fisrt-child{

	border-top:none;
}

#eloquant #menu-filtre li a:hover{
	color:#000000;

}

#eloquant #menu-filtre li.active a{
	color:#000000;
}

#eloquant #zone-sideright .inscription-rapide{margin-top:40px;}

#eloquant .pagi{
	text-align:center;
	margin-top:50px;
	background-color:#e7e7e7;
	padding:15px;
}

#eloquant .pagi span.sep{ display:none;}

#eloquant .pagi .prev{
	float:left;
}

#eloquant .pagi .next{ 
	float:right;
}

#eloquant .pagi .prev strong,
#eloquant .pagi .next strong{
	color:#67686d;
	font-weight:normal;
	text-transform:uppercase;

}

#eloquant .pagi .prev a,
#eloquant .pagi .next a{
	color:#494a4f;
	text-decoration:none;
	text-transform:uppercase;
}

#eloquant .pagi .prev a:hover,
#eloquant .pagi .next a:hover{
	color:#e2007a;
}

#eloquant .pagi strong{
	display:inline-block;	
	font-size:18px;
	line-height:24px;
	color:#e2007a;
	text-decoration:none;
	font-weight:normal;
}

#eloquant .pagi a{
	display:inline-block;		
	font-size:18px;
	line-height:24px;
	color:#494a4f;
	text-decoration:none;
}

#eloquant .pagi .pages strong,
#eloquant .pagi .pages a{
padding:0 12px;
}
/*---------------------------------------------------------------------*/
/*FIN PAGE BLOG ------------------------------------------------------*/
/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*FIN FORMULAIRE ------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*PAGE POPUP------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

body#eloquant-popup{
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	background-color:#e9e9e9;
	border-top:12px solid #e2007a;
	background-image:url(../img/popup-e.png);
	background-repeat:no-repeat;
	background-position:center 100px;
}

#eloquant-popup #spip-admin{display:none;}

#eloquant-popup .clear{clear:both; line-height:1px; font-size:1px; width:0; height:0; overflow:hidden;}

#eloquant-popup .maintitle{

	padding-bottom:42px;
	margin-top:30px;
	border-bottom:1px solid #d9d9d9;
}

#eloquant-popup h1{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	text-transform:uppercase;
	font-weight:300;
	color:#494a4f;	
}

#eloquant-popup h1 strong{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	color:#e2007a;
}

#eloquant-popup h2{
	font-size:20px;
	color:#66686d;
	text-align:center;
	margin-top:15px;
	font-weight:normal;
}

#eloquant-popup h3{
	font-size:28px;
	color:#494a4f;
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
	margin-top:40px;
	margin-bottom:20px;

}

#eloquant-popup #main{
	background-color:#ffffff;
	max-width:550px;
	padding:25px;
	margin:35px auto;
}


#eloquant-popup p.reponse_formulaire{margin-top:25px;}


#eloquant-popup p.reponse_formulaire_ok{
	background-image:url(../img/form_ok.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:35px;
	padding-top:10px;
	min-height:20px;
}

#eloquant-popup form p.boutons{ text-align:center;}

#eloquant-popup form input.submit{
	display:inline-block;
	width:auto;
	height:50px;
	line-height:50px;
	padding: 0 40px;
	background-color:#e2007a;
	border-radius:7px;
	font-size:24px;
	font-weight:normal;
	color:#ffffff;
	margin-top:30px;
	text-decoration:none;
	border:none;
	cursor:pointer;
}

#eloquant-popup p.bouton-retour{
	text-align:center;
	margin-top:20px;
}

#eloquant-popup p.bouton-retour a{
	display:inline-block;
	padding:15px 10px;
	background-color:#e2007a;
	border-radius:7px;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
}

#eloquant-popup form .fields{
	padding:30px 15px;
	background-color:#f0f0f0;
}

#eloquant-popup form legend{
	color: #494a4f;
    font-size: 30px;
	line-height: 34px;
    font-weight: normal;    
    margin-top: 30px;
    padding-bottom: 5px;
}

#eloquant-popup form li{
	margin-top:25px;
	position:relative;
	background:none;
	float:none;
	text-align:left;
	width:auto;
	margin-bottom:0;
	font-size:0;
}

#eloquant-popup form ul:first-child li:first-child{
	margin-top:0;
}

#eloquant-popup form label{
	display:inline-block;
	vertical-align:middle;
	width:25%;
	text-align:right;
	margin-right:2%;
	font-size:14px;
	color:#494a4f;
	
}

#eloquant-popup form input{
	display:inline-block;
	height:38px;
	line-height:38px;
	padding:0 1%;
	vertical-align:middle;
	width:70%;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	box-sizing:border-box;	
	font-family: "Roboto",sans-serif;
}

#eloquant-popup form input:focus{
	box-shadow:0px 0px 5px rgbA(0,0,0,0.20);
}

#eloquant-popup form select{
	display:inline-block;
	height:38px;
	line-height:38px;
	padding:0 1%;
	vertical-align:middle;
	width:70%;
	border:none;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	box-sizing:border-box;
	font-family: "Roboto",sans-serif;
}

#eloquant-popup form select:focus{
	box-shadow:0px 0px 5px rgbA(0,0,0,0.20);
}

#eloquant-popup form textarea{
	display:inline-block;
	padding:1%;
	vertical-align:middle;
	width:70%;
	border:none;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	box-sizing:border-box;
	font-family: "Roboto",sans-serif;
}

#eloquant-popup form textarea:focus{
	box-shadow:0px 0px 5px rgbA(0,0,0,0.20);
}

#eloquant-popup form span.obligatoire{ color:#e2007a;}
#eloquant-popup form p { margin-top:10px;}
#eloquant-popup form p.obligatoire{ color:#e2007a;}

#eloquant-popup form .choix{
	border-top:1px solid #d9d9d9;
	margin-top:15px;
	padding-top:15px;
}

#eloquant-popup #formulaire_login input{width:auto; display:block; margin-top:5px;	}
#eloquant-popup #formulaire_login label{width:auto;	display:block; text-align:left;}

#eloquant-popup #formulaire_login .choix input{
	width:auto; display:inline-block;
}
#eloquant-popup #formulaire_login .choix label{
	width:auto;
	display:inline-block;
}

#eloquant-popup #formulaire_login .erreur_message{
	font-size:14px; color:red;
}
/*---------------------------------------------------------------------*/
/*FIN PAGE POPUP------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*SUCCES STORIES------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


#eloquant #stories .story {
	margin-top:35px;
	padding-top:35px;
	border-top:1px solid #d9d9d9;
	text-align:left;
}

#eloquant #stories .story:first-child {
	padding-top:0;
	border-top:none;
}

#eloquant .zonetexte+#zone-texte #stories .story:first-child {
	padding-top:35px;
	border-top:1px solid #d9d9d9;
}

#eloquant #zone-texte #stories div{
	overflow:visible;
}


#eloquant #stories .story .logo{
	float:left;
	width:170px;
	margin-right:20px;
	padding:2px;
	border:1px solid #e9e9e9;
	text-align:center;
}

#eloquant #zone-texte #stories div.content{
	overflow:hidden;
	padding:0 0 7px 7px;
}


#eloquant #stories .story .logo img{	
	max-width:90%;
	height:auto;
	padding:15px 0;
}


#eloquant #filtre{
	padding:15px;
	background-color:#f0f0f0;
	margin-top:25px;
	text-align:center;

}

#eloquant #filtre label{
	font-size:14px;
	color:#494a4f;
	margin-right:10px;
}

#eloquant #filtre select{
	border:3px solid #d9d9d9;
	background-color:#ffffff;
	padding:8px 1%;
}

/*---------------------------------------------------------------------*/
/*FIN SUCCES STORIES------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

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

/* ZONE INTRANAV [PERIDOT] */

#zone-intranav-peridot{
	text-align:center;
	padding:20px 0;
	background-color:#ffffff;
	width:100%;
}

#zone-intranav-peridot.active{
	position:fixed;
	z-index:100;
	top:0;
	border-bottom:1px solid #bfbfbf;
	padding:10px 0;
	
}

#zone-intranav-peridot a{
	display:inline-block;
	margin:15px;
	padding-right:15px;
	background-image:url(../img/intranav.gif);
	background-repeat:no-repeat;
	background-position:center right;
	font-size:16px;
	color:#85868b;
	text-decoration:none;
}

#zone-intranav-peridot.active a{
	margin:5px 15px;
	
}

/* FIN ZONE INTRANAV [PERIDOT] */

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

#zone-chiffres{
	padding:30px 0;
	text-align:center;
}

#zone-chiffres h1{
	color:#494a4f;
	font-weight:300;
	font-size:42px;
	text-transform:uppercase;
}

#zone-chiffres .chiffres{font-size:0; margin-top:20px;}

#zone-texte #zone-chiffres .chiffres{margin-top:0;}

#zone-chiffres .chiffre{
	display:inline-block;
	width:calc(25% - 90px);
	border:15px solid #eeeff4;
	padding:15px;
	margin:15px;
	font-size:18px;
	height:180px;
	line-height:180px;
}

#zone-chiffres .tiers .chiffre{
	display:inline-block;
	width:calc(33% - 90px);
	border:15px solid #eeeff4;
	padding:15px;
	margin:15px;
	font-size:18px;
	height:200px;
	line-height:200px;
}



#zone-chiffres .chiffre .content{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}

#zone-chiffres .chiffre p.key{
	font-size:70px;
	color:#e2007a;
	font-weight:bold;	
}

#eloquant #zone-texte #zone-chiffres .tiers .chiffre p.key{font-size:40px;}

#zone-chiffres .chiffre p.key em,
#zone-chiffres .chiffre p.key i{
	font-size:40px;
}
#zone-chiffres .chiffre p{
	font-size:16px;
	color:#494a4f;	
}

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

#eloquant #zone-offres{
	background-color:#eeeff4;
	padding:30px 0;
	text-align:center;

}

#eloquant #zone-offres h3{
	color:#494a4f;
	font-size:38px;
	font-weight:normal;
	padding-top:20px;
}

#eloquant #zone-offres .ecran > p{
	color:#67686d;
	font-size:24px;
	font-weight:300;
	margin-top:15px;

}

#eloquant #zone-offres .offres{font-size:0; text-align:center; padding:30px 0;}

#eloquant #zone-offres .offre{
	display:inline-block;
	border:1px solid #ffffff;
	margin:15px;
	width:calc(50% - 34px);
	background-color:#ffffff;
	box-shadow: 7px 7px 0 0 #dddee3;
	text-align:center;

}

#eloquant #zone-offres.carriere .offre{width:calc(50% - 32px);}


#eloquant #zone-offres .offre h4{
	height:70px;
	line-height:70px;
	background-color:#eaeaed;
	padding:0 15px;
	color:#67686d;
	font-size:22px;
	font-weight:normal;
}

#eloquant #zone-offres .offre h4 span{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}

#eloquant #zone-offres .offre .image{
	height:80px;
	overflow:hidden;
}

#eloquant #zone-offres .offre .image img{
	height:80px;
	width:auto;
}
#eloquant #zone-offres .offre .box{
	padding:15px;
	height:300px;
	line-height:300px;
}

#eloquant #zone-offres .offre .box .content{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}

#eloquant #zone-offres .offre h5{
	font-size:24px;
	color:#494a4f;
	font-weight:normal;

}



#eloquant #zone-offres .offre p{
	font-size:15px;
	margin-top:10px;
	color:#68676d;

}

#eloquant #zone-offres .offre p a{
	font-size:18px;
	font-weight:bold;
	color:#e2007a;
	text-decoration:none;
}

#eloquant #zone-offres .offre p a:hover{color:#000000;}

#eloquant #zone-offres .offre p a::after{
	content:url(../img/flecheright.png);
	margin-left:8px;
}
#eloquant #zone-offres .offre p a.bouton{
	display:inline-block;
	background-color:#e2007a;
	padding:30px 0;
	font-size:18px;
	font-weight:bold;
	padding:10px 15px;
	color:#ffffff;
	text-decoration:none;
	border-radius:10px;
	font-style:normal;
}

#eloquant #zone-offres .offre p a.bouton.light{background-color:#85868b;}

#eloquant #zone-offres .offre p a.bouton::after{
	margin:0;
	content:"";
}
/*------------------------------------------------------------------------------------*/

#eloquant #zone-metiers{ padding:50px 0; text-align:center;}

#eloquant #zone-metiers h3{
	color:#494a4f;
	font-size:38px;
	font-weight:normal;
	padding-top:20px;
}

#eloquant #zone-metiers .ecran > p{
	color:#67686d;
	font-size:24px;
	font-weight:300;
	margin-top:15px;
}

#eloquant #zone-metiers .metiers{font-size:0; text-align:left; margin-top:20px;}

#eloquant #zone-metiers a.metier{
	display:inline-block;
	margin:10px;
	width:calc(33% - 20px);
	text-decoration:none;
}
#eloquant #zone-metiers a.metier span.image{
	display:block;
	width:100%;
	height:140px;
	overflow:hidden;
}

#eloquant #zone-metiers a.metier span.image img{
	width:auto;
	height:140px;
}


#eloquant #zone-metiers a.metier span.label{
	display:block;
	height:42px;
	line-height:42px;
	color:#67686d;
	font-size:16px;
	text-align:right;
	padding-right:15px;
	background-color:#eeeff4;
	position:relative;
}

#eloquant #zone-metiers a.metier:hover span.label{
	color:#ffffff;
	background-color:#e2007a;
}

#eloquant #zone-metiers a.metier span.label::after{
	content:"";
	position:absolute;
	background-image:url(../img/fleche-metier.gif);
	width:12px;
	height:12px;
	top:3px;
	right:3px;
}

#eloquant #zone-metiers a.metier:hover span.label::after{
	background-image:url(../img/fleche-metier-on.gif);
}
/*------------------------------------------------------------------------------------*/

#eloquant #zone-references{
	padding:30px 0;
	background-color:#eeeff4;
	text-align:center;
}

#eloquant #ruban-blocs+#zone-references{
	margin-top:70px;
}

#eloquant #zone-references.white{
	background-color:#ffffff;
	border-bottom:1px solid #d9d9d9;
}

#eloquant #zone-references h3{
	color:#494a4f;
	font-size:38px;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:20px;
}

#eloquant #zone-references .sliderkit{width:100%;}
#eloquant #zone-references .sliderkit-panels{
	width:calc(100% - 100px);
	position:relative;
	left:50px;
	height:120px;
	line-height:120px;
}

#eloquant #zone-references .sliderkit-panel{ width:100%; height:120px; text-align:center; z-index:50; font-size:0; }
#eloquant #zone-references .sliderkit-panel div{
	display:inline-block;
	vertical-align:middle;
	margin:10px;
	background-color:#ffffff;
	border-radius:10px;
	width:calc(25% - 20px);
	height:84px;
	line-height:84px;
}
#eloquant #zone-references .sliderkit-panel div img{
	width:auto;
	height:auto;
	max-width:90%;
	max-height:80%;
	vertical-align:middle;
}

#eloquant #zone-references .sliderkit-go-prev{
	position:absolute;
	left:-50px;
	z-index:100;
}

#eloquant #zone-references .sliderkit-go-prev a{
	display:block;
	width:20px;
	height:120px;
	background-image:url(../img/fleche-nav-left.gif);
	outline:none;
	background-repeat:no-repeat;
	background-position:center;
}

#eloquant #zone-references .sliderkit-go-next{
	position:absolute;
	right:-50px; 
	z-index:100;
}

#eloquant #zone-references .sliderkit-go-next a{
	display:block;
	width:20px;
	height:120px;
	background-image:url(../img/fleche-nav-right.gif);
	outline:none;
	background-repeat:no-repeat;
	background-position:center;
}

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

#eloquant #zone-quickcontact{
	padding:50px 0;
	background-image:url(../img/zone-quickcontact-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;

}

#eloquant #zone-quickcontact .bloctype{
	padding-right:375px;
	background-image:url(../img/quickcontactillu.png);
	background-repeat:no-repeat;
	background-position:right center;

}
#eloquant #zone-quickcontact .bloctype .titre{
	color:#e2007a;
	text-transform:uppercase;
	font-size:24px;
	margin-top:15px;
}
#eloquant #zone-quickcontact .bloctype .content{
	margin-top:10px;
}


#eloquant #zone-quickcontact textarea{
	width:100%;
	height:185px;
	border:1px solid #b5b5b5;
	box-sizing:border-box;
	padding:15px;
	font-family:'Roboto',Arial,sans-serif;
	font-size:14px;
}

#eloquant #zone-quickcontact .toright{
	text-align:right;
	margin-top:10px;
}

#eloquant #zone-quickcontact a.bouton{
	display:inline-block;
	background-color:#85868b;
	padding:10px 25px;
	border-radius:10px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

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

#eloquant #zone-contact{ padding:50px 0; border-bottom:3px solid #ededed;}

#eloquant #zone-contact .section-formulaire{overflow:hidden;}

#eloquant #zone-contact .section-formulaire h3{
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	color:#494a4f;
	font-weight:normal;
	margin-bottom: 7px;
    margin-top: 30px;
}




#eloquant #zone-contact .section-formulaire h3.coord{display:none;}

#eloquant #formulaire form ul{ margin-top:15px;}

#eloquant #formulaire form li{ padding:0; background:none;}

#eloquant #formulaire form ul.two{font-size:0;}

#eloquant #formulaire form ul.two li{	
	display:inline-block;
	width:calc((100% - 20px) / 2);
	font-size:14px;
	vertical-align:top;
}

#eloquant #formulaire form ul.two li:first-child{
	margin-right:20px;
}

#eloquant #formulaire form label{
	display:block;
	color:#999A9F;
	font-weight:normal;
	font-size:14px;
}

#eloquant #formulaire form input{
	display:block;
	height:40px;
	line-height:40px;
	box-sizing:border-box;
	padding:0 10px;
	width:100%;
	border:1px solid #cbccd1;
	background-color:#ffffff;
	margin-top:5px;
	font-family: "Roboto",sans-serif;
}


#eloquant #formulaire form select{
	display:block;
	height:40px;
	line-height:40px;
	box-sizing:border-box;
	padding:0 10px;
	width:100%;
	border:1px solid #cbccd1;
	background-color:#ffffff;
	margin-top:5px;
	font-family: "Roboto",sans-serif;
}



#eloquant #formulaire form textarea{
	display:block;
	height:200px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
	border:1px solid #cbccd1;
	background-color:#ffffff;
	margin-top:5px;
	font-family: "Roboto",sans-serif;
}


#eloquant #formulaire form p.boutons{ text-align:right;}

#eloquant #formulaire form input.submit{
	display:inline-block;
	width:auto;
	height:45px;
	line-height:45px;
	padding: 0 100px;
	background-color:#e2007a;
	border-radius:10px;
	font-size:18px;
	color:#ffffff;
	margin-top:30px;
	text-decoration:none;
	border:none;
	cursor:pointer;
}

#eloquant #formulaire form p.obligatoire{
	font-size:16px;
	font-style:italic;
	color:#e2007a;
	margin-top:25px;
}


#eloquant #zone-contact .section-temoignage{
	float:right;
	width:35%;
	margin-left:70px;
	text-align:center;
	margin-top:50px;
}

#eloquant #zone-contact .section-temoignage h4{
	margin-top:30px;
	font-size:28px;
	color:#494a4f;
	font-weight:normal;
}

#eloquant #zone-contact .section-temoignage p{
	font-style:italic;
	margin-top:20px;
	font-size:16px;
	color:#67686d;
	line-height:20px;
}


/*------------------------------------------------------------------------------------*/
/* RECHERCHE -------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/

#eloquant .inscription-rapide #formulaire_recherche input{
	display:inline-block;
	vertical-align:top;
	margin:0;
}

#eloquant .inscription-rapide #formulaire_recherche input.submit{
	font-family:'Roboto', sans-serif;
	background-color: #e2007a;
    border-radius: 0 10px 10px 0;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
	border:none;
	width:60px;
	text-align:center;
	cursor:pointer;
}

/*------------------------------------------------------------------------------------*/
/* PLAN -------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/

#eloquant #main #plan h3{
	margin-top:30px;
	padding-top:30px;
	border-top: 1px solid #d9d9d9;

}