/*
Theme Name: Mailinblack
Author: Quentin KAULEK
Text Domain: twentyfifteen
*/

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
    url('fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
    url('fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
    url('fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
    url('fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.eot');
    src: url('fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),
    url('fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),
    url('fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoitalic';
    src: url('fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.eot');
    src: url('fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.woff') format('woff'),
    url('fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.ttf') format('truetype'),
    url('fonts/roboto/roboto_italic_macroman/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:none;
}
input[type="text"],input[type="submit"],input[type="button"], textarea, select { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; }
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
form input::-webkit-validation-bubble-message, 
form select::-webkit-validation-bubble-message,
form textarea::-webkit-validation-bubble-message {
    display:none;
} 
body {
	font-family: 'robotoregular','Arial','sans-serif';
	background: #fff;
	font-size:13px;
	color:#231f20;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
a:focus,
a:hover,
a:active {
	outline:none;
}
a img {
	border: 0;
}
h1,h2,h3{
	font-weight:normal;
	font-family: 'robotregular','Arial','sans-serif';
	color:#1a171b;
}
h1 img{
	display:block;
}
h2{
	font-family: 'robotregular','Arial','sans-serif';
	font-weight:normal;
	font-size:30px;
}
h3{
	font-size:22px;
	line-height:22px;
	font-family: 'robotobold','Arial','sans-serif';
}
strong{
	font-weight:normal;
	font-family: 'robotobold','Arial','sans-serif';
}
h2 strong{
	font-weight:normal;
	font-family: 'robotregular','Arial','sans-serif';
	color:#F39200;
}
.orange{
	color:#F39200;
}
.bg-grey{
	background:#eeeeee;
}
.button,
input[type="submit"]{
	background:#F39200;
	color:#fff;
	text-transform:uppercase;
	font-family: 'robotobold','Arial','sans-serif';
	display:inline-block;
	padding:5px 7px;
	border:none;
	cursor:pointer;
}
.more{
	display:inline-block;
	background:url(images/more.png) no-repeat center bottom;
	color:#fff;
	padding:5px 10px 15px 10px;
	font-family: 'robotobold','Arial','sans-serif';
	font-size:11px;
	text-transform:uppercase;
}
.bt-grey{
	background:#c6c7c8	;
	color:#fff;
	text-transform:uppercase;
	font-family: 'robotobold','Arial','sans-serif';
	font-size:11px;
	display:inline-block;
	padding:5px 20px;
	border:none;
	cursor:pointer;
}
input[type="submit"]{
	background:#F39200;
	color:#fff;
	text-transform:uppercase;
	font-family: 'robotobold','Arial','sans-serif';
	display:inline-block;
	padding:5px 7px;
	border:none;
	cursor:pointer;
}
.intro{
	font-size:22px;
	line-height:23px;
	margin-bottom:20px;
}
#page{
	min-width:960px;
}
#page.header-static{
	padding-top:100px;
}
.wrapper{
	width:960px;
	margin:auto;
}
.clearfix:after{
    content: "";
    display: table;
    clear: both;
}
nav li{
	display:inline-block;
	font-size:13px;
	line-height:13px;
	font-family: 'robotobold','Arial','sans-serif';
	text-transform:uppercase;
	padding:0 16px;
}
nav li a{
	color:#1a171b;
	display:block;
	font-weight:bold;
}
nav li a.active{
	color:#F39200;
	display:block;
	font-weight:bold;
}
input{
	font-family: 'robotoregular','Arial','sans-serif';
	background: #fff;
	font-size:13px;
	color:#231f20;
	padding:0;
	margin:0;
	display:block;
	border:none;
}
::-webkit-input-placeholder {
    color:    #231f20;
}
:-moz-placeholder {
   color:    #231f20;
   opacity:  1;
}
::-moz-placeholder {
   color:    #231f20;
   opacity:  1;
}
:-ms-input-placeholder {
   color:    #231f20;
}
textarea{
	resize:none;
}
.radio input{
	display:inline-block;
	margin-right:10px;
}
.group .radio{
	display:inline-block;
	vertical-align:top;
}
p.text label{
	display:block;
}
p.text .f_wrapper{
	display:block;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 10px 10px 40px;
	background-image:url(images/pictos.png);
	background-repeat:no-repeat;
}
p.text span.email{
	background-position:10px 6px;
}
p.text span.tel{
	background-position:7px -93px;
}
p.text span.nom{
	background-position:10px -42px;
}
p.text span.societe{
	background-position:10px -143px;
}
.controls{
	position:absolute;
	width:960px;
}
.controls a{
	position:absolute;
	background:url(images/pagin.png) no-repeat;
	height:59px;
	width:31px;
	cursor:pointer;
}	
.controls a.prev{
	left:0;
}
.controls a.next{
	background-position:-31px 0;
	right:0;
}
.fancybox-skin ,
.fancybox-opened .fancybox-skin {
	background:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.fancybox-close{
	background:url(images/fancy-close.png) no-repeat center center;
	top: 0;
	right: 0;
}
.popup{
	text-align:center;
}
.popup section{
	width:430px;
	padding:15px;
	border:1px solid #F39200;
	text-align:left;
	padding-bottom:40px;
	background:#fff;
}
.popup img{
	margin-top:-25px;
}
.popup .bt-close{
	position: absolute;
	right: 20px;
	bottom: 40px;
}
.popup h3{
	text-align:center;
	color:#F39200;
	margin-bottom:25px;
	font-size:24px;
	line-height:27px;
	text-transform:uppercase;
}
.popup p{
	margin-bottom:15px;
  	font-size: 19px;
	line-height:22px;
}
.popup p strong{
	font-family: 'robotobold','Arial','sans-serif';
	font-weight:normal;
}
/*.popup-last section{
	background:#f7902e;	
}
.popup-last h3,
.popup-last p{
	color:#fff;
}
.popup-last h3 em{
	display:none;
}*/
.popup-last img{
	margin-top:-50px;
}
.popup-last .bt-close{
	bottom: 75px;
}
header.site{
	padding:20px;
	background:#fff;
	z-index:10;
	height:100px;
}
header.site h1{
	float:left;
}
header.site nav{
	margin-top:15px;
	float:right;
}
header.site .widget-area{
	margin-top:17px;
	float:right;
	line-height:13px;
}
header.site .textwidget{
	width:270px;
	text-align:right;
}
header.site .textwidget strong{
	display:block;
	margin-bottom:5px;
}
header.site .textwidget strong{
	display:block;	
}
header.header-static {
  position: fixed;
  width: 100%;
  top: 0;
  z-index:200;
}
#content{
	min-height:600px;
}
footer{
	background:#F39200;
	padding:25px 0;
}
footer .bt-up{
	float:right;
	margin-top:-170px;
	background:url(images/bt-up.png) no-repeat;
	width:37px;
	height:37px;
	cursor:pointer;
}
article{
	width:800px;
	margin:auto;
}
article h1{
	font-family: 'robotobold','Arial','sans-serif';
	font-size:25px;
	line-height:27px;
	margin-bottom:50px;
}
article h2{
	font-family: 'robotobold','Arial','sans-serif';
	font-size:20px;
	line-height:22px;
	color:#f7902e;
	margin-bottom:20px;
}
article p{
	font-size:20px;
	line-height:22px;
	margin-bottom:20px;
}
article footer{
	background:none;
	text-align:right;
}
footer .widget{
	float:left;
}
footer .widget_nav_menu{
	float:right;
}
footer .widget form{
	display:inline-block;
	width:auto;
	background:#eeeeed;
	padding:17px 22px;
}
footer .widget form label,
footer .widget form input{
	display:inline-block;
	padding:5px;
	margin-right:15px;
	font-family: 'robotoregular','Arial','sans-serif';
}
footer .widget form input{
	width: 120px;
}
footer .widget form .error{
	margin-top:5px;
  padding: 5px;
  color:#f00;
}
footer .widget form input[type="text"]{
	;width: 150px;
}
footer .widget form input[type="submit"]{
	margin-right:0;
}
footer div ul,
footer div.languages{
	margin:20px 0 0 20px;
}
footer div ul li{
	display:inline-block;
	padding:0 16px;
}
footer div ul li a,
footer div.languages a{
	font-family: 'robotobold','Arial','sans-serif';
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
footer div.languages{
	float:left;
	color:#fff;
	font-size:11px;
}
footer div.languages span,
footer div.languages a{
	display:inline-block;
}
footer div.languages a.active{
	color:#fabf60;
}
footer div.languages span{
	margin:0 15px;
}
#homepage .widget{
	padding:60px 0;
}
#homepage .widget_text{
	padding:0;
}
#homepage .widget h2{
	text-align:center;
	margin-bottom:20px;
}
#salesforce{
	clear:both;
	text-align:center;
	height:580px;
	padding-top:140px;
}
#salesforce ul#backgrounds{
	position:absolute;
	width:100%;
	margin-top: -140px;
}
#salesforce ul#backgrounds li{
	position:absolute;
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	height:580px;
	display:none;
}
#salesforce ul#backgrounds li.first{
	display:block;
}
#salesforce h2{
	font-family: 'robotobold','Arial','sans-serif';
	font-size:32px;
	line-height:32px;
	margin-bottom:15px;
	text-transform:uppercase;
}
#salesforce h2,
#salesforce h3{
	color:#fff;
}
#salesforce h3{
	margin-bottom:45px;
}
#salesforce .salesforce-form{
	position:relative;
	padding:25px;
	background:rgba(0,0,0,0.65);
	z-index:9;
}
#salesforce form{
	  width: 805px;
	  margin:auto;
}
#salesforce.fixed form{
	  width: auto;
}
#salesforce p.text{
	display:inline-block;
	text-align:center;
}
#salesforce input{
	font-size:15px;
}
#salesforce input.error-s{
	color:#f00;
}
#salesforce .text{
	float:left;
	margin:0 15px 20px 0;
}
#salesforce.fixed .text{
	float:none;
	margin:0 7px 20px 7px;
}
#salesforce .last{
	margin-right:0;
}
#salesforce .text input{
	width:130px;
}
#salesforce .text .email input{
	width:210px;
}
#salesforce .text .tel input{
	width:90px;
}
#salesforce .radio{
	margin:0 15px;
}
#salesforce .radio label{
	color:#fff;
	font-family: 'Asap', sans-serif;
	font-size:17px;
	font-style: italic;
	
    border: none;
}
#salesforce .group{
	margin-bottom:30px;
}
#salesforce .submit{
	text-align:right;
}
#salesforce .submit input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#F39200;
	padding:15px 22px;
}
.home #salesforce.fixed{
	padding-bottom:225px;
}
.widget-salesforce #salesforce.fixed{
	height:auto;
}
.widget-salesforce #salesforce #backgrounds{
	display:none;
}
#salesforce.fixed .salesforce-form{
	position:fixed;
	top:100px;
	background:url(images/ombre.png) repeat-x center bottom;
	width:100%;
	padding:5px 0 10px 0;
	z-index:200;
}
#salesforce.fixed .salesforce-form h2,
#salesforce.fixed .salesforce-form h3{
	font-size:18px;
	display:inline-block;
	margin-bottom:5px;
	color:#1a171b;
}
#salesforce.fixed .salesforce-form form{
	width:960px;
	  margin: auto;
}
#salesforce.fixed .salesforce-form .group{
	margin-bottom:10px;
}
#salesforce.fixed .salesforce-form .group label{
	color:#000722;
	font-size:12px;
}
#salesforce.fixed .salesforce-form form .text{
	margin-bottom:10px;
}
#salesforce.fixed .salesforce-form form .text input{
	width:100px;
}
#salesforce.fixed .salesforce-form form .email input{
	width:210px;
}

/* hack to put form tooltip at the correct position */
#salesforce .salesforce-form form .radio input {
	top: 230px;
	left: 190px;

}

#salesforce.fixed .salesforce-form form .tel input{
	width:80px;
}
#salesforce.fixed .salesforce-form form .submit{
	display:inline-block;
	margin-bottom: 10px;
	vertical-align:top;
}
#salesforce.fixed .salesforce-form form .submit input{
	padding: 10px 22px;
	margin-left: 20px;
}
.counts{
	padding:20px 0;
	background:#F39200;
}
#carousel-solution{
	width:880px;
	margin:auto;
	text-align:center;
	padding-top:50px;
}
#carousel-solution .controls{
	width:880px;
	margin-top:90px;
	z-index:10;
}
#carousel-solution .controls a.prev {
	left: -40px;
}
#carousel-solution .controls a.next {
	right: -40px;
}
#carousel-solution .controls a.prev-bis {
	top: -50px;
	left: 16px;
	width: 230px;
	height: 255px;
	background: none;
	cursor: pointer;
	z-index:5;
}
#carousel-solution .controls a.next-bis {
	top: -50px;
	right: 10px;
	width:230px;
	height: 255px;
	background:none;
	cursor:pointer;
	z-index:5;
}
.solution{
	display:inline-block;
	vertical-align:middle;
	width:240px;
    opacity: 0.5;
    filter: alpha(opacity=40);
	text-align:center;
	/*transform: scal
	/*transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);*/
}
.solution h3{
	font-size:15px;
	margin-bottom:15px;
	text-transform:uppercase;
	cursor:pointer;
}
.solution-active{
	width:400px;
    opacity: 1;
    filter: alpha(opacity=100);
	/*transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);*/
}
.solution-active h3{
	font-size:25px;
	line-height:26px;
}
.solution img{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:15px;
	cursor:pointer;
}
.comment{
	text-align:center;	
}
.carousel-frame{
	margin:auto;
}
.steps{
	display:block;
	height:350px;
	width:630px;
	margin:auto;
}
.steps .controls{
	float:left;
	width:130px;
	position:relative;
	padding-top: 55px;
}
.steps .controls a{
	font-size:22px;
	font-family: 'robotobold','Arial','sans-serif';
	position:relative;
	height:auto;
	width:auto;
	display:block;
	background:url(images/fleches.png) no-repeat right 0;
	line-height:40px;
	color:#ccc;
	padding:0 35px 0 0;
	margin-bottom:10px;
}
.steps .controls a.on{
	color:#F39200;
	background-position:right -40px;
}
.steps .list{
	float:left;
	display:inline-block;
	width:400px;
	height:350px;
}
.steps .step{
	text-align:center;
	position:absolute;
	display:none;
	cursor:pointer;
	width: 370px;
}
.steps .on{
	display:block;
}
.steps .step img{
	display:block;
	margin:15px;
	width: auto;
}
.steps .step h3{
	margin-bottom:20px;
}
.steps .step:first-child{
	display:block;
}
#offres{
	text-align:center;
}
.offre{
	text-align:center;
	display:inline-block;
	width:310px;
	padding:20px 10px 0 10px;
	vertical-align:middle;
}
.sep{
	width:1px;	
	display:inline-block;
	background:#acabad;
	height:160px;
	vertical-align:middle;
}
.offre h3{
	font-family: 'robotoregular','Arial','sans-serif';
	font-size:20px;
	margin-bottom:10px;
	cursor:pointer;
	min-height: 44px;
}
.offre img{
	cursor:pointer;
}
.offre .more{
	display:block;
	width:90px;
	margin:auto;	
	cursor:pointer;
}
.item-last div{
	padding-top:32px;
}
.item-last h3{
	background:#eee;
	margin:0 10px 0 10px;
	padding:20px 5px;
}
.item-last .more{
	margin-top:-13px;
}
.item-last img{
	display:none;
}
.item-last h3 em{
	font-size:15px;
}
.offre img{
	margin-bottom:10px;
}
.offre div{
	border-bottom:1px solid #acabad;
	padding-bottom:10px;
}
.last-line div{
	border-bottom:none;
}

.counts{
	text-align:center;
}
.counts .count{
	display:inline-block;
	font-family: 'robotobold','Arial','sans-serif';
	font-size:38px;
	line-height:38px;
	color:#fff;
	background:url(images/puce.png) left center no-repeat;
	padding-left: 30px;
}
.counts p{
	display:inline-block;
	margin:0 20px 0 40px;
	vertical-align:top;
	text-align:cneter;
	font-size:20px;
	width:250px;
}
#carousel-clients{
	text-align:center;
	width:880px;
	margin:auto;
	white-space:nowrap;
}
#carousel-clients .client{
	display:inline-block;
	vertical-align:middle;
	width:200px;
}
#carousel-clients .client .more{
	display:none;
	text-align:center;
}
#carousel-clients .on .more{
	display:block;	
}
#carousel-clients .controls{
	margin-top:20px;
	width: 880px;
}
#carousel-clients .controls .prev{
	left:-40px;
}
#carousel-clients .controls .next{
	right:-40px;
}
#carousel-clients .client a{
	display:block;
}
#carousel-clients .client .more{
	margin-top:30px;
}
#carousel-clients .client img{
	display:block;
	width:100%;
	height:auto;
}
#clients.widget h2{
	margin-bottom:50px;
}
.bottom{
	padding-bottom:30px;
}
.bottom .widget{
	padding:30px 0;
	text-align:center;
}
.bottom .widget h2{
	margin-bottom:15px;
}
.bottom #text-5.widget_text h2{
	color:#F39200;
	font-size:19px;
	margin-bottom:25px;
}
.bottom .widget p{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding:0 30px;
}
.bottom .widget p a{
  color: #231f20;
}
.bottom .widget p a.contact{
	margin-bottom:10px;
	display:inline-block;	
}
#socials a{
	display:inline-block;
	margin:0 3px;	
}
#socials .tweet{
	width:250px;
	margin:25px auto 0 auto;
}
blockquote.twitter-tweet {
	border:1px solid #f38232;
}
.widget form,
form.wpcf7-form{
	width:500px;
	margin:auto;
	text-align:left;
	padding:10px 0 0 0 ;
	font-size:13px;
},
#content article form.wpcf7-form span,
#content article form.wpcf7-form span.wpcf7-not-valid-tip{
	font-size:13px;
}
.widget form p,
form.wpcf7-form p{
	padding:0;
}
.widget form .text,
form.wpcf7-form .text{
	display:inline-block;
	width:153px;
	text-align:left;
	padding:0;
	margin-right:16px;
	margin-bottom:10px;
	vertical-align: top;
}
.widget form .submit,
form.wpcf7-form .submit{
	display:block;
	text-align:right;
	padding:0;
}
.widget form .submit img,
form.wpcf7-form .submit img{,
	float:left;
}
form.wpcf7-form .submit input{
	float:right;
}
.widget form .last,
form.wpcf7-form .last{
	margin-right:0;
}
.widget form span.wpcf7-form-control-wrap,
form.wpcf7-form span.wpcf7-form-control-wrap{
	display:block;
}
.widget form .text label,
.widget form .textarea label,
form.wpcf7-form .text label,
form.wpcf7-form .textarea label{
	display:block;
	margin-bottom:5px;
	font-size:13px;
}
form.wpcf7-form .radio{
	font-size:13px;
}
form.wpcf7-form .radio span.wpcf7-form-control-wrap,
form.wpcf7-form .radio label{
	display:inline-block;
}
.widget form .textarea label .wpcf7-form-control-wrap,
form.wpcf7-form .textarea label .wpcf7-form-control-wrap{
	display:block;
	padding-top:5px;
}
.widget form .text input,
.widget form .textarea textarea,
form.wpcf7-form .text input,
form.wpcf7-form .textarea textarea{
	display:block;
	background:#f4f5f5;
	width:100%;
	padding:5px;
	border:none;
	font-family: 'robotoregular','Arial','sans-serif';
}
.widget form .textarea,
form.wpcf7-form .textarea{
	display:block;
	padding:0;
}
.widget form span.required,
form.wpcf7-form span.required{
	color:#fb923b
}
article.societe{
	width:auto;	
}
article.societe header,
article.societe section{
	width:940px;
	margin:auto;
}
article.societe .team{margin-bottom:50px;}
article.societe .team .employe{
	float:left;
	width:150px;
	height:165px;
	margin:2px;
}
article.societe .team img{
	position:absolute;
	width:150px;
	height:165px;
}
article.societe .team .overlay{
	display:none;
	position:absolute;
	z-index:2;
	width:150px;
	height:165px;
	background:rgba(245,135,31,0.7);
	color:#fff;
	padding:12px;
}
article.societe .team .overlay h3{
	color:#fff;
	margin-bottom:0;
	height:55px;
	font-size:18px;
	line-height:18px;
}
article.societe .team .overlay p{
	font-size:18px;
	line-height:18px;
	font-style:italic;	
}
article.societe .content{
	width:640px;
	margin:auto;
	margin-bottom:50px;
}
article.societe .bandeau{
	text-align:center;
	padding:30px 0;
}
article.societe .bandeau p{
	display:inline-block;
	border-right:1px solid #d9dadb;
	padding:0 30px; 
	color: #f6932e;
	height:58px;
	line-height:19px;
}
article.societe .bandeau p.collabo{
	background:url(images/collaborateurs.png) no-repeat;
	padding-left:75px;
	text-align:left;
}
article.societe .bandeau p.france{
	background:url(images/france.png) no-repeat 20px center ;
	padding-left:95px;
	border:none;
	text-align:left;
}
article.societe .bandeau p strong{
	font-size:25px;
	line-height:40px;
}
article.societe .bandeau p.france strong{
	line-height:29px;
}
div.wpcf7-validation-errors{
	border:none;
	background:none;
	color:#f00;
}

#popup-confirmation,
#popup-newsletter{
	width:640px;
}
#popup-confirmation section,
#popup-newsletter section{
	width:auto;
	padding: 45px 50px 25px 50px;
}
#popup-confirmation img,
#popup-newsletter img{
	margin:0;
}
#popup-confirmation h2,
#popup-newsletter h2{
	margin-bottom:20px;
}
#popup-confirmation p,
#popup-newsletter p{
	font-size:16px;
}
span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors{
	font-size:13px !important;
	color: #f7902e !important;
}
.page-template-nocontact-page .bottom{
	padding-bottom:0;
}
.page-template-nocontact-page #text-4,
.page-template-nocontact-page #text-5{
	display:none;	
}
.ui-buttonset .ui-button{
	background:url(images/radio.png) no-repeat 0 -21px;
	padding-left: 10px;
}
.ui-buttonset .ui-state-active{
	background-position:0 9px;
}
#salesforce.fixed .ui-buttonset .ui-button{
	background:url(images/radio.png) no-repeat 0 -27px;
	padding-left: 10px;
}
#salesforce.fixed .ui-buttonset .ui-state-active{
	background-position:0 3px;
}

.page-template-societe-page #text-4,
.page-template-societe-page #socials{
	display:none;	
}
form div.wpcf7-mail-sent-ok{
	border:none;
	padding:0;
	display:none !important;
}
.bottom .widget-area #text-4{
	padding-top:60px;
}

.page-id-61 #content .widget-salesforce,
.page-id-67 #content .widget-salesforce,
.page-template-nocontact-page #content .widget-salesforce{
	display:none !important;
}
#fake-more{
	width: 880px;
}

.mobile{
	display:none;
}
.toggle-menu{
	display:none;
}

@media (max-width : 640px){
	.no-mobile{
		display:none;
	}
	header.site{
		background: #F39200;
	}
	.toggle-menu{
		display:block;
		border:1px solid #fff;
		padding:5px 10px;
		color:#fff;
		text-transform:uppercase;
		position:absolute;
	}
	.mobile{
		display:block;
	}
	.wrapper{
		width:640px;
		margin:0;
	}
	#content,
	#page,
	#site,
	section.bottom,
	header.site{
		width:640px;
		min-width: 640px;
		overflow:hidden;
	}
	header.site nav{
		float:none;
		position:absolute;
		top: 20px;
    	right: 80px;
		z-index:100;
	}
	#menu-principal{
		display:none;
	}
	ul#menu-principal.opened{
		display:block;
		position:absolute;
		right:0;
	}
	ul#menu-principal.opened li{
		display:block;
		font-size:30px;
		line-height:45px;
		padding:15px 30px;
		background:#fff;
		white-space:nowrap;	
		font-family: 'robotobold','Arial','sans-serif';
	}
	header.site .textwidget strong{
		font-size:18px;
	}
	header.site{
		height:auto;
		padding:0;
		width: 640px;
	}
	header.site h1{
		margin:30px 0 30px 30px;
	}
	header.site .widget-area {
		clear:both;
		margin-top: 0;
		float: none;
		width:640px;
		background:#fff;
	}
	header.site .widget-area strong a{
		color:#F39200;
	}
	header.site .widget-area{
		padding:18px;
	}
	header.header-static{
		overflow:visible;
	}
	header.header-static .widget-area{
		display:none;
	}
	header.site .textwidget{
		clear:both;
		width:auto;
		text-align:left;
		line-height:18px;
	}
	header.site .textwidget a{
		float:right;
	}
	header.site .textwidget strong{
		float:left;
	}
	header.header-static .textwidget{
		display:none;
	}
	#salesforce {
		clear: both;
		text-align: center;
		height: auto;
		padding-top: 140px;
	}
	#salesforce form:after{
		content: "";
		display: table;
		clear: both;
	}
	#salesforce ul#backgrounds{
		position:relative;
	}
	#salesforce .salesforce-form{
		padding:0;
		background:none;
	}
	#salesforce .salesforce-form h2{
		padding-top:20px;
		background:#eeeeee;
		margin-bottom:0;
		font-size: 24px;
		line-height: 34px;
		color:#000000;
	}
	#salesforce .salesforce-form h3{
		margin-bottom:310px;
		background:#eeeeee;
		padding-bottom:20px;
		font-size: 24px;
		line-height: 24px;
		font-family: 'roboto','Arial','sans-serif';
		color:#000000;
	}
	#salesforce .salesforce-form form{
		background:#eeeeee;
		padding:30px 0;
	}
	#salesforce p.text{
		display:block;
		float:none;
		padding:0 60px;
	}
	#salesforce .last{
		margin-right:15px ;
	}
	#salesforce form{
		width:auto;
	}
	.group .radio{
		display:block;
		color:#000;
	}
	.ui-button-text-only .ui-button-text{
		
	}
	
	#salesforce .radio {
		margin: 0 60px;
	}
	#salesforce .radio label{
		color:#000;
		float: left;
	}
	#salesforce .group{
		float:left;
	}
	#salesforce .submit{
		float:right;
		margin-top:30px;
		margin-right: 100px;
	}
	#carousel-solution{
		width:380px;
	}
	#carousel-solution .controls{
		width:380px;
	}
	#carousel-clients,
	#carousel-clients .controls {
		width:600px;
	}
	#carousel-solution .controls a.prev{
		left:-80px;
	}
	#carousel-solution .controls a.next{
		right:-80px;
	}
	#solution h2 strong{
		display:block;
	}
	.solution h3{
		font-size:23px;
	}
	.comment .intro br{
		display:none;
	}
	
	.more{
		font-size:20px;
	}
	.offre{
		display:block;
		margin:auto;
		padding: 0 10px 0 10px;
		width:530px;
	}
	.offre h3{
		font-size:30px;
    	line-height: 35px;
	}
	.offre .more{
		width:auto;
		font-size:20px;
	}
	.offre div{
		padding: 50px 0 50px 0;
	}
	.offre img {
		cursor: pointer;
		width: 80px;
		height: auto;
	}
	.last-line div{
		border-bottom: 1px solid #acabad;
		padding: 50px 0 50px 0;
	}
	.item-last{
		width:auto;
		padding:0;
	}
	#offres .item-last div{
		padding-bottom:0;
		border:none;
	}
	.sep{
		display:none;
	}
	.counts p{
		margin:0 100px 30px 100px;
		text-align: center;
	}
	.counts p:last-of-type {
		margin-bottom:0;
	}
	.widget form .text, form.wpcf7-form .text{
		display:block;
		margin:0;
		width:auto;
		margin-bottom:20px;
	}
	.widget form .text label, .widget form .textarea label, form.wpcf7-form .text label, form.wpcf7-form .textarea label{
		font-size:25px;
	}
	.widget form .text input, .widget form .textarea textarea, form.wpcf7-form .text input, form.wpcf7-form .textarea textarea,.widget form .submit, form.wpcf7-form .submit{
		font-size:25px;
	}
	.controls{
		width:560px;
	}
	#fake-more{
		width:auto;
	}
	.bottom #text-5.widget{
		text-align:left;
	}
	.bottom #text-5.widget_text h2{
		font-size:35px;
		text-align:center;
	}
	.bottom #text-5.widget_text p {
		padding: 0 35px;
		font-size:20px;
		margin-bottom:40px;
	}
	footer{
		padding-left:30px;
		padding-right:30px;
	}
	footer .widget{
		float:none;
	}
	footer .wrapper{
		width:auto;
	}
	footer .widget form input[type="email"]{
		width:240px;
	}
	footer .widget form input[type="submit"]{
		padding:5px 10px;
	}
	#menu-secondaire{
		text-align:center;
	}
	footer div ul li a{
		font-size:15px;
	}
	article{
		width:520px;
	}
	article.societe header, article.societe section{
		width:500px;
	}
	article.societe .content{
		width:600px;
	}
	.widget-salesforce #salesforce.fixed{
		display:none;
	}
	#salesforce ul#backgrounds li{
		background-position:center 98px;
	}
}

.webui-popover {
    margin-left: -10px !important;
    border-radius: 0 !important;
    margin-top: 30px !important;
    background : #EC7E2F !important;
    color : white;
    text-align : center;
}

.webui-arrow {
    left : 200px !important;
}

.webui-arrow:after {
    border-bottom-color : #EC7E2F !important;
}