@charset "UTF-8";
/*
 * 	Theme Name: Denis Allain et Associés
 *	Theme URI:
 *	Description:
 *	Author: Design Christian Naud | Coding SequenceDigitale.com
 *	Version: 1.0
 *	License: 2015-06
 *	License URI:
 *	Tags:
**
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

/* RESET
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{ color: #000; background: #FFF;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ border: 0; margin: 0; padding: 0;} table{ border-collapse: collapse; border-spacing: 0;} fieldset, img{ border: 0;} address, caption, cite, code, dfn, em, strong, th, var, optgroup{ font-style: inherit; font-weight: inherit;} del, ins{ text-decoration: none;} li{ list-style: none;} caption, th{ text-align: left;} h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;} q:before, q:after{ content: '';} abbr, acronym{ border: 0; font-variant: normal;} sup{ vertical-align: baseline;} sub{ vertical-align: baseline;} legend{ color: inherit;} input, button, textarea, select, optgroup, option{ font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;} input, button, textarea, select{ font-size: 100%;}


/* BASE + CUSTOM
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;} body{ margin: 2em;} address, article, aside, audio, blockquote, canvas, dl, dd, dt, fieldset, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, main, nav, noscript, ol, output, p, pre, section, select, ul, td, textarea, th, video{ line-height: normal; } h1{ font-size: 138.5%;} h2{ font-size: 123.1%;} h3{ font-size: 108%;} h1, h2, h3, p, fieldset, table, pre{ margin: 1em 0;} caption, h1, h2, h3, h4, h5, h6, strong, dt, th{ font-weight: bold;} optgroup{ font-weight: normal;} abbr, acronym{ border-bottom: 1px dotted #000; cursor: help;} em{ font-style: italic;} del{ text-decoration: line-through;} blockquote, ul, ol, dl{ margin: 1em;} ol, ul, dl{ margin-left: 2em;} ol li{ list-style: decimal outside;} ul li{ list-style: disc outside;} th,td{ border: 0; padding: 0;} th{ text-align: center;} caption{ margin-bottom: .5em; text-align: center;} sup{ vertical-align: super;} sub{ vertical-align: sub;} button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"]{ padding: 1px;} caption{ text-align: left; } table{ border-collapse: collapse; } td[align=left], th[align=left], .align-left{ text-align: left !important; } td[align=center], th[align=center], .align-center{ text-align: center !important; } td[align=right], th[align=right], .align-right{ text-align: right !important; } td[valign=top], th[valign=top], .valign-top{ vertical-align: top !important; } td[valign=middle], th[valign=middle], .valign-middle{ vertical-align: middle !important; } td[valign=bottom], th[valign=bottom], .valign-bottom{ vertical-align: bottom !important; } .clearfix{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } u, span.u, sup{ text-decoration: underline; } del{ color: red; } ins{ color: green; } small{ font-size: 0.8em; } big{ font-size: 1.2em; } sub, sup{ font-size: 0.7em; line-height: 1em; } .columns{ display: table; } .columns img{ height: auto; max-width: 100%; } .columns .columns-col{ display: table-cell; text-align: left; vertical-align: top; } .columns .columns-col .columns-wrap{ min-height: 2em; padding: 0; } .cols12-12 .c0{ width: 50%; } .cols12-12 .c1{ width: 50%; } .cols13-13-13 .c0{ width: 33.3333333333333333%; } .cols13-13-13 .c1{ width: 33.3333333333333333%; } .cols13-13-13 .c2{ width: 33.3333333333333333%; } .cols13-23 .c0{ width: 33.3333333333333333%; } .cols13-23 .c1{ width: 66.6666666666666666%; } .cols23-13 .c0{ width: 66.6666666666666666%; } .cols23-13 .c1{ width: 33.3333333333333333%; } .cols14-14-14-14 .c0{ width: 25%; } .cols14-14-14-14 .c1{ width: 25%; } .cols14-14-14-14 .c2{ width: 25%; } .cols14-14-14-14 .c3{ width: 25%; } .cols14-14-24 .c0{ width: 25%; } .cols14-14-24 .c1{ width: 25%; } .cols14-14-24 .c2{ width: 50%; } .cols14-24-14 .c0{ width: 25%; } .cols14-24-14 .c1{ width: 50%; } .cols14-24-14 .c2{ width: 25%; } .cols14-34 .c0{ width: 25%; } .cols14-34 .c1{ width: 75%; } .cols24-14-14 .c0{ width: 50%; } .cols24-14-14 .c1{ width: 25%; } .cols24-14-14 .c2{ width: 25%; } .cols34-14 .c0{ width: 75%; } .cols34-14 .c1{ width: 25%; }

/* SLICK SLIDER */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/**
 *  THEME font-base : 15px/20px
 *	STYLE DE BASE
 *	Couverture des elements XHTML

01px	0.0625000000em	6.3%	01pt
02px	0.1250000000em	12.5%	02pt
03px	0.1875000000em	18.8%	02pt
04px	0.2500000000em	25.0%	03pt
05px	0.3125000000em	31.3%	04pt
06px	0.3750000000em	37.5%	05pt
07px	0.4375000000em	43.8%	05pt
08px	0.5000000000em	50.0%	06pt
09px	0.5625000000em	56.3%	07pt
10px	0.6250000000em	62.5%	08pt
11px	0.6875000000em	68.8%	08pt
12px	0.7500000000em	75.0%	09pt
13px	0.8125000000em	81.3%	10pt
14px	0.8750000000em	87.5%	11pt
15px	0.9375000000em	93.8%	11pt
16px	1.0000000000em	100.0%	12pt
17px	1.0625000000em	106.3%	13pt
18px	1.1250000000em	112.5%	14pt
19px	1.1875000000em	118.8%	14pt
20px	1.2500000000em	125.0%	15pt
21px	1.3125000000em	131.3%	16pt
22px	1.3750000000em	137.5%	17pt
23px	1.4375000000em	143.8%	17pt
24px	1.5000000000em	150.0%	18pt
25px	1.5625000000em	156.3%	19pt
26px	1.6250000000em	162.5%	20pt
27px	1.6875000000em	168.8%	20pt
28px	1.7500000000em	175.0%	21pt
29px	1.8125000000em	181.3%	22pt
30px	1.8750000000em	187.5%	23pt
31px	1.9375000000em	193.8%	23pt
32px	2.0000000000em	200.0%	24pt
33px	2.0625000000em	206.3%	25pt
34px	2.1250000000em	212.5%	26pt
35px	2.1875000000em	218.8%	26pt
36px	2.2500000000em	225.0%	27pt
37px	2.3125000000em	231.3%	28pt
38px	2.3750000000em	237.5%	29pt
39px	2.4375000000em	243.8%	29pt
40px	2.5000000000em	250.0%	30pt
41px	2.5625000000em	256.3%	31pt
42px	2.6250000000em	262.5%	32pt
43px	2.6875000000em	268.8%	32pt
44px	2.7500000000em	275.0%	33pt
45px	2.8125000000em	281.3%	34pt
46px	2.8750000000em	287.5%	35pt
47px	2.9375000000em	293.8%	35pt
48px	3.0000000000em	300.0%	36pt
49px	3.0625000000em	306.3%	37pt
50px	3.1250000000em	312.5%	38pt
51px	3.1875000000em	318.8%	38pt
52px	3.2500000000em	325.0%	39pt
53px	3.3125000000em	331.3%	40pt
54px	3.3750000000em	337.5%	41pt
55px	3.4375000000em	343.8%	41pt
56px	3.5000000000em	350.0%	42pt
57px	3.5625000000em	356.3%	43pt
58px	3.6250000000em	362.5%	44pt
59px	3.6875000000em	368.8%	44pt
60px	3.7500000000em	375.0%	45pt
61px	3.8125000000em	381.3%	46pt
62px	3.8750000000em	387.5%	47pt
63px	3.9375000000em	393.8%	47pt
64px	4.0000000000em	400.0%	48pt
/**/
@font-face {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.6.3');
	src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');

}


html{}
body{ color: #505a57; font: 14px/18px 'Montserrat', arial, sans-serif; margin: 0 auto; padding: 1.538em; }

a{ color: #00904c; text-decoration: underline; }
a:hover{ color: #085384; }
a:focus,
a:active{ color: #00904B; }
a[rel^="external"]::after{ content: "\2197"; }

abbr{}
acronym{}
address{ display: block; margin-bottom: 1em; }
blockquote{}
bdo{}
cite{}
code{}
dfn{}

h1, .h1{}
h2, .h2{ font-family: 'Arvo', serif; font-size: 24px; font-weight: normal; text-align: center; text-transform: uppercase; }
h3, .h3{ font-size: 18px; font-weight: normal; text-transform: uppercase; }
hr{ background: #ededed; border: 0; height: 4px; margin: 28px 0; padding: 0; }
form{ text-align: left; }
fieldset{}
fieldset dl{ margin: 1em 0; }
fieldset dl dt{}
fieldset dl dd{ margin-left: 0; }
label{ font-weight: normal; }
legend{}

/* Inputs */
input, textarea, .input-text{ background: #fff; border: 1px solid #a9a9a9; display: inline-block; font-size: 1em; height: 35px; line-height: normal; padding: 0 7px; }
input, textarea, .input-text{
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);
}
input:focus, .input-text:focus{}
input:hover, .input-text:hover{}
input:active, .input-text:active{}
textarea{ height: auto;	padding: 7px; }
textarea:focus, .textarea:focus{}
textarea:hover, .textarea:hover{}
textarea:active, .textarea:active{}

input[type=checkbox], input[type=radio], input[type=range], input[type=submit], input[type=reset], input[type=button], input[type=color], button, .input-button{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type=checkbox], input[type=radio]{ background: transparent; border: none; cursor: pointer; font-size: 1em; height: auto; padding: 0; position: relative; top: 0; }
input[type=checkbox], input[type=radio]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

input[type=file]{ line-height: normal; }
input[type=range]{ background: transparent;	border: none; }

input[type=submit], input[type=reset], input[type=button], input[type=color], button, .input-button{ background: #00904c; border: 0; color: #fff; cursor: pointer; display: inline-block; font-style: normal; height: 3em; line-height: 3em; padding: 0 22px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; }
input[type=submit], input[type=reset], input[type=button], input[type=color], button, .input-button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 5px;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=color]:hover, button:hover, .input-button:hover{ background: #d8a100; color: #000;}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=color]:hover, button:hover, .input-button:hover{

}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active, .input-button:active{
}
input[type=submit][disabled=disabled], input[type=reset][disabled=disabled], input[type=button][disabled=disabled], button[disabled=disabled], .input-button[disabled=disabled]{ background: #dadada; }
.input-button::after{ display: none; }
.input-button-dark{ background-color: #3f3e3e; border-color: #3f3e3e; }
.input-button-dark:hover{ background-color: #666; border-color: #666; }

select{	background: #fff; border: 1px solid #a9a9a9; display: inline-block; font-size: 0.8461538462em; height: 3.0000000000em; padding: 0 7px; vertical-align: middle; }
select{
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);
}
select:focus{}
select:hover{}
select{}
optgroup{}
option{}

.label-file{ overflow: hidden; }
.label-file input{ left: -9999em; position: absolute; }
.label-file .input-button{ background-color: #757575; }
.label-file input.changed + .input-button{ background: orange; }
.label-file input.changed + .input-button:after{ background: red; content: ""; display: inline-block; height: 1em; margin-left: 5px; vertical-align: middle; width: 1em; }
.label-checkbox{ cursor: pointer; display: block; min-height: 20px; position: relative; padding-left: 35px; padding-top: 0.125em;}
.label-checkbox input{ left: -999em; position: absolute; }
.label-checkbox .label-text:before{ background-color: #fff; border: 1px solid #999; color: #8fc73e; content: ''; display: block; font-size: 1em; font-family: 'FontAwesome'; font-weight: normal; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; top: 0; width: 20px; }
.label-checkbox input:focus + .label-text:before{ border-color: #00904c; }
.label-checkbox input:checked + .label-text:before{ color: #00904c; content: '\f00c'; }
.label-radio{ cursor: pointer;display: block; min-height: 20px; position: relative; padding-left: 35px; padding-top: 0.125em;}
.label-radio input{ left: -999em; position: absolute; }
.label-radio .label-text:before{ background-color: #fff; border: 1px solid #999; border-radius: 50%; color: #8fc73e; content: ''; display: block; font-size: 1em; font-family: 'FontAwesome'; font-weight: normal; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; top: 0; width: 20px; }
.label-radio input:focus + .label-text:before{ border-color: #00904c; }
.label-radio input:checked + .label-text:before{ color: #00904c; content: '\f111'; }

.field{ position: relative; }
.field-label{}
.field-input{}
.field-tooltip{ display: none; background-color: #2d3043; color: #fff; font-size: 0.8em; bottom: -0.5em; left: 0; padding: 5px 10px; position: absolute; z-index: 5; transform: translateY(100%); max-width: 300px; }
.field-tooltip:before { content:""; display: block; position: absolute; left: 10px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #2d3043; }
.field-alert{ display: none; background-color: #EE0022; color: #fff; font-size: 0.8em; bottom: -0.5em; left: 0; padding: 5px 10px; position: absolute; z-index: 5; transform: translateY(100%); max-width: 300px;  }
.field-alert:before { content:""; display: block; position: absolute; left: 10px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #EE0022; }
.submit{ padding: 20px 0; text-align: center; }
.field-required .field-label:after{ color: red; content: '*'; margin-left: 0.25em; }
.nojs .field:hover .field-tooltip{ display: block; }
.field-focus .field-tooltip{ display: block; }
.field-error{ color: #EE0022; }
.field-error .field-alert{ display: block; }
.field-error .field-tooltip{ display: none; }
#alerts .box-errors,
#alerts .box-success{ margin-bottom: 1em; padding: 20px 20px 20px 60px; position: relative; }
#alerts .box-errors:before,
#alerts .box-success:before{ font-family: 'FontAwesome'; font-size: 20px; line-height: 1; left: 20px; position: absolute; top: 20px; }
#alerts .box-errors{ background-color: #EE0022; color: #fff; }
#alerts .box-errors:before{ content: '\f06a'; }
#alerts .box-errors h2{ border: 0; font-size: 1em; font-weight: 900;  margin: 0 0 1em 0; padding: 0; }
#alerts .box-errors ul{ margin-top: 0; margin-bottom: 0}
#alerts .box-errors ul a{ color: inherit; }
#alerts .box-success{ background-color: #3db44b; color: #fff; }
#alerts .box-success:before{ content: '\f058'; }

/**
 * Errors
**/
input:not(:empty):invalid, select:not(:empty):invalid, textarea:not(:empty):invalid{ background-color: #F9E6E2; border-color: red; }
input[required], select[required], textarea[required], input:required, select:required, textarea:required{}
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"], input:focus:required:invalid, select:focus:required:invalid, textarea:focus:required:invalid{ background-color: #F9E6E2; border-color: red; }
input[required][aria-valid="true"], select[required][aria-valid="true"], textarea[required][aria-valid="true"], input:required:valid, select:required:valid, textarea:required:valid{ background-color: #E2F9E7; border-color: green; }


/**
 * Tableaux
**/
caption{ margin: 0; }
col{}
colgroup{}
table{}
tr{}
td{ vertical-align: top; }
th{}
table.spreadsheet{ border: 6px solid #fff; outline: 1px solid #dadada;  }
table.spreadsheet caption{ background: #dadada; font-weight: normal; margin: 0; padding: 0.3333333333em 0.6666666667em; }
table.spreadsheet td, table.spreadsheet th{ border-color: #ccc; padding: 0.3333333333em 0.6666666667em; }
table.spreadsheet thead{}
table.spreadsheet thead th { background-color: #d8a100; color: #000; font-weight: normal; }
table.spreadsheet tfoot{}
table.spreadsheet tfoot th{ background-color: #d8a100; color: #000; font-weight: normal; }
table.spreadsheet tbody{}
table.spreadsheet tbody tr td{}
table.spreadsheet tbody tr.even td,
table.spreadsheet tbody tr:nth-child(even) td{ background-color: #fafafa; }
table.spreadsheet tbody tr.odd td,
table.spreadsheet tbody tr:nth-child(odd) td{ background-color: #e7e7e8; }
table.spreadsheet tbody tr:hover td { background-color: rgb(255, 244, 203); }
table.spreadsheet tbody tr:focus td,
table.spreadsheet tbody tr.focus td{}



/**
 * WORDPRESS
 * Override tinyMCE content.css
**/
.alignleft{ float: left; }
img.alignleft{ margin: 0 30px 30px 0; }
.alignright{ float: right; }
img.alignright{ margin: 0 0 30px 30px; }
#tinymce{ margin: 0 auto; padding: 1.538em !important; z-index: 333; }
#tinymce div{ outline: 1px dashed #ccc; }
#tinymce table,
#tinymce table th,
#tinymce table td{ font-family: inherit;  font-size: 1em; line-height: 1.154em; }
#tinymce table td{ color: inherit; margin: inherit; }

/**
 * COMMONS
**/
html{ margin: 0; padding: 0; }
body{ margin: 0; padding: 0; }
.outerwrap{ margin: 0 auto; position: relative; width: 940px; }
.innerwrap{ position: relative; }

#nav-mobile,
#a-propos .indexes li a:after,
#services h2:before,
#expertise h2:before,
#facebook h2:before,
#contact h2:before,
#contact .addr:before{ background: url(../images/sprites.png) no-repeat; }

html{ background: #414745; }
#top{ margin: 0; padding: 0; }
#top a{ left: -999em; position: absolute; top: -999em; }
#gtm{ left: -999em; position: absolute; top: -999em; }

#header{ background: #fff; border-bottom: 2px solid #ededed; left: 0; position: absolute; top: 0; width: 100%; z-index: 22; }
#header .innerwrap{ height: 127px; min-height: 50px; }
#logo{ bottom: 15px; left: -11px; margin: 0; position: absolute; }
#logo a{ background: url(../images/denis-allain-420x100.min.png) no-repeat; background-size: 100% auto; display: block; height: 88px; overflow: hidden; position: relative; text-indent: -999em; width: 260px; }
#banners{ font-size: 18px; line-height: 22px; position: absolute; right: 60px; top: 10px; text-transform: uppercase; }
#banners #consulting{ background: #ededed; color: #757575; float: left;  padding: 8px 6px 8px 13px; word-spacing: -1.5px; }
#banners #consulting{
	border-radius: 5px;
}
#banners #consulting sup{ font-size: 0.5em; }
#banners #phone{ color: #757575; float: left; margin-left: 18px; padding: 10px 0; }
#banners #phone a{ font-size: 20px; font-weight: bold; text-decoration: none; }
#banners #phone a:hover{ text-decoration: underline; }
#fb{ position: absolute; right: 0; top: 25px;  }
#fb a{ background: url(../images/sprites.png) no-repeat right 0; display: block; height: 30px; overflow: hidden; text-indent: -9999em; width: 30px;  }
#nav-mobile{ display: none; }

#main{ padding-top: 127px; }
#main .innerwrap{ padding: 26px 0 120px 0; }
#a-propos{ background: #d7e9e7 no-repeat center top; height: 490px; overflow: hidden; position: relative; }
#a-propos .swiper{  }
#a-propos .swiper-container{}
#a-propos .swiper-slide{ background-repeat: no-repeat; background-position: center top; height: 490px; }
#a-propos .swiper-slide .innerwrap{ padding: 66px 240px 20px 0; }
#a-propos .swiper-title{ color: #00904c; font-size: 30px; line-height: 34px; margin: 0; text-align: left; }
#a-propos .swiper-content{ color: #000; font-size: 18px; padding: 0 40px 23px 0; }
#a-propos .indexes{ bottom: 81px; display: block; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 1; }
#a-propos .indexes ul{ margin: 0; padding: 0; }
#a-propos .indexes li{ background: rgba(255,255,255,0.80); display: block; float: left; font-family: 'Arvo', serif; font-size: 20px; line-height: 24px; margin: 0 20px 0 0; padding: 0; }
#a-propos .indexes .i2{ margin-right: 0; }
#a-propos .indexes a{ display: block; color: #505a57; height: 50px; padding: 30px 0 70px 0; position: relative; text-align: center; text-decoration: none; width: 220px; }
#a-propos .indexes a:after{ background-position: 0 0; bottom: 23px; content: ""; display: block; height: 36px; left: 50%; margin-left: -18px; position: absolute; width: 36px; }
#a-propos .indexes a:hover:after{ background-position: -50px 0; }

#services{ background: #fff; }
#services h2:before{ background-position: 0 -50px; content: ""; display: block; height: 70px; margin: 0 auto 22px auto; width: 70px; }
#services .accordeon{ margin: 0 40px 10px 40px; }
#services .accordeon-title{ background: #ccc; margin: 0; padding: 14px 16px; }
#services .accordeon-wrap{ padding: 2px 16px 14px 16px; }

	.js #services .accordeon-title{ cursor: pointer; position: relative; }
	.js #services .accordeon-title:after{ content: '+'; font-size: 24px; font-weight: bold; line-height: 24px; margin-top: -12px; position: absolute; right: 16px; top: 50%; }
	.js #services .accordeon-content{ display: none; }

	.js #services .accordeon.active .accordeon-title{ background: #00904c; color: #fff; }
	.js #services .accordeon.active .accordeon-title:after{ content: '-';}

#expertise{ background: #ededed; }
#expertise h2:before{ background-position: -80px -50px; content: ""; display: block; height: 70px; margin: 0 auto 18px auto; width: 70px; }
#expertise .post-content{ padding: 0 40px 0 325px; position: relative; }
#expertise .image{ left: 40px; margin: 0; position: absolute; width: 245px; }
#expertise .image img{ display: block; margin-bottom: 15px; }
#expertise .caption{ color: #00904c; font-family: 'Arvo', serif; font-size: 20px; line-height: 24px; text-transform: uppercase; }

#logos{ background-color: #fff; text-align: center; }
#logos .innerwrap{ padding: 26px 0; }
#logos ul{ margin: 0; padding: 0; }
#logos li{ display: inline; margin: 0 8px; padding: 0; }
#logos .l1{ position: relative; top: -10px;}

#facebook{ background: #ededed; }
#facebook .innerwrap{ padding: 26px 0 60px 0; text-align: center; }
#facebook h2:before{ background-position: -240px -50px; content: ""; display: block; height: 70px; margin: 0 auto 18px auto; width: 70px; }
#facebook iframe{ border: 1px solid #fff; box-shadow: 0 0 25px rgba(0,0,0,0.5); display: block; margin: 0 auto; width: 300px; }

#contact{ background: #fff; }
#contact h2{ margin-bottom: -0.25em; }
#contact h2:before{ background-position: -160px -50px; content: ""; display: block; height: 70px; margin: 0 auto 18px auto; width: 70px; }
#contact .post-content{ font-size: 18px; line-height: 22px; padding: 0 100px; text-align: center; }
#contact hr{ margin-left: 240px; margin-right: 240px; }
#contact .columns-col{ position: relative; height: 660px; }
#contact .c0 .columns-wrap{ padding-right: 20px; }
#contact .c1 .columns-wrap{ padding-right: 30px; }
#contact h3{ color: #00904c; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 8px 0; }
#contact h3 .global{ left: -99999em; position: absolute; top: -999999em; }
#contact address{ font-size: 12px; line-height: 16px; }
#contact address span[itemprop="addressRegion"]{ left: -99999em; position: absolute; top: -999999em; }
#contact .addr{ color: #757575; padding: 12px 0 0 35px; position: relative; }
#contact .addr:before{ content: ""; display: block; height: 42px; left: 0; position: absolute; top: 0; width: 30px; }
#contact .addr0:before{ background-position: 0 -130px; }
#contact .addr1:before{ background-position: -40px -130px; }
#contact .addr2:before{ background-position: -80px -130px; }
#contact .addr3:before{ background-position: -120px -130px; }
#contact .addr4:before{ background-position: -160px -130px; }
#contact .addr5:before{ background-position: -200px -130px; }
#contact .addr6:before{ background-position: -240px -130px; }
#contact .addr7:before{ background-position: -280px -130px; }
#contact .addr .local{ color: #757575; display: block; text-decoration: none; }
#contact .addr .local span[itemprop]{ font-size: 1.25em; font-weight: bold; }
#contact .addr .fax{ color: #757575;  display: block;text-decoration: none; }
#contact .addr .fax span[itemprop]{ font-size: 1.25em; font-weight: bold; }
#contact .addr .tollfree{ color: #757575;  display: block;text-decoration: none; }
#contact .addr .tollfree span[itemprop]{ color: #00904c; font-size: 1.25em; font-weight: bold; }
#contact .on-location{ background: #ededed; bottom: 0; color: #757575; font-size: 14px; line-height: 18px; padding: 20px; position: absolute; width: 210px; }
#contact .on-location .tollfree{ font-size: 18px; }
#contact .on-location .tollfree a{ color: #757575; text-decoration: none; }
#contact .on-location .tollfree .telephone{ color: #00904c; font-size: 1.25em; font-weight: bold; }
#googlemap{ background: #ccc; width: 268px; margin: 0 auto; }
#googlemap img{ display: block; height: auto; width: 100%; }

#footer{ color: #fff; padding: 50px 0; }
#footer h2{ font-size: 20px; margin-top: 0; text-align: left; }
#footer dl{ margin: 0; }
#footer .columns{ margin-bottom: 60px; }
#contact-form .columns-wrap{ padding-right: 16px; }
#contact-form h2 em{ color: #00904c; font-style: normal; }
#contact-form .label-radio{ margin-bottom: 10px; }
#contact-form .field{ margin-bottom: 10px; }
#contact-form .field-label{ margin-bottom: 6px; }
#contact-form .field-form-type{ margin-bottom: 20px; }
#contact-form input[type="email"], #contact-form input[type="text"]{ width: 425px; }
#contact-form textarea{ height: 180px; width: 425px; }
#contact-form select{ width: 440px; }
#liens-utiles{ border-left: 4px solid #4c5250;  }
#liens-utiles .columns-wrap{ padding-left: 20px; }
#liens-utiles dl{ font-size: 12px; line-height: 16px; margin-bottom: 1em; text-transform: uppercase; }
#liens-utiles dt{ margin-bottom: 0.25em; }
#liens-utiles a{ font-weight: bold; text-decoration: none; }
#liens-utiles a:hover{ text-decoration: underline; }
#copyright{ font-size: 12px; text-align: right; }
#copyright a{ color: inherit; }
#copyright a:focus,
#copyright a:hover{ color: #d8a100; }


#tpl-legal #main{ background: #fff; text-align: justify;  }
#tpl-legal #main h2{ color: #00904c; text-transform: none; text-align: left; }


/**
 * RESPONSIVE
**/

/* tablet + mobile */
@media only screen and (max-width: 1099px){
	#header{ position: static; }
	#header .innerwrap{ height: auto; padding: 0 0 10px 0; }
	#logo img{ height: auto; position: relative; }
	#banners{ font-size: 14px; line-height: 18px; }
	#banners #consulting{ float: none; }
	#banners #phone{ float: none; }

	#nav{ bottom: 0; height: 30px; position: absolute; right: 0; width: 37px; z-index: 999; }
	#nav-mobile{ background-position: -200px 0; display: block; height: 30px; overflow: hidden; padding: 0; text-indent: -999em; width: 37px; }
	#nav-mobile{
		border-radius: 0;
	}
	#nav.active #nav-mobile{ background-position: -250px 0; }
		#nav #nav-mobile,
		#nav.active #nav-mobile{
			transition: background-position 0.5s;
		}
	#nav-primary{ background: #fff; border: 1px solid #ededed; left: -2200px; padding: 10px; position: absolute; }
	#nav-primary{
		box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
	}
	#nav-primary ul{ margin: 0; padding: 0; }
	#nav-primary ul li{ display: block; list-style: none; margin: 0; padding: 0; }
	#nav-primary ul li a{ border-bottom: 1px solid #ccc; color: #000; display: block; padding: 10px 6px; text-decoration: none; }
	#nav-primary ul li:last-child a{ border-bottom: 0; }
	#nav-primary ul li a:hover{ background: #00904c; color: #fff; }

	.no-js #nav:hover #nav-primary,
	.js #nav.active #nav-primary{ left: -1184px;  }
		#nav #nav-primary,
		.no-js #nav:hover #nav-primary,
		.js #nav.active #nav-primary{
			transition: left 0.5s;
		}

	#main{ padding-top: 0; }
	#a-propos .swiper-title{ font-size: 26px; line-height: 30px; }
	#a-propos .swiper-content{ font-size: 16px; line-height: 20px; }
	#a-propos .indexes li a:after{ background-position: -100px 0; bottom: 23px; height: 30px; left: 50%; margin-left: -15px; width: 30px; }
	#a-propos .indexes li a:hover:after{ background-position: -150px 0; }
	#services .accordeon{ margin-right: 0; margin-left: 0; }
	#expertise .image{ left: 0; top: 0; }
	#contact .post-content{ padding: 0; }
	#contact .post-content br{ display: none; }
	#contact .columns{ display: block; }
	#contact .columns-col{ display: block; float: none; width: auto; }
	#contact .c0 .columns-wrap{ padding-right: 0; }
	#contact .c1 .columns-wrap{ padding-right: 0; }
}

/* desktop */
@media only screen and (min-width: 1100px){
	.outerwrap{ width: 940px; }
	#nav-primary{ bottom: 14px; position: absolute; right: 0; }
	#nav-primary ul{ font-size: 13px; margin: 0; padding: 0; }
	#nav-primary ul li{ display: block; float: left; margin: 0 0 0 15px; padding: 0; }
	#nav-primary ul li a{ color: #505a57; text-decoration: none; transition: all 0.5s; text-transform: uppercase; }
	#nav-primary ul li a:hover,
	#nav-primary ul li a.active{ color: #00904c; }
	#nav-primary ul .booking a{ background-color: #CF3500; border-radius: 5px; color: #fff; padding: 5px 12px; }
	#nav-primary ul .booking a:hover,
	#nav-primary ul .booking a.active{ background-color: #333; color: #fff; }
	.is-fixed #header{ position: fixed; top: -77px; }
	.is-fixed #header{
		box-shadow: 0 0 25px rgba(0,0,0,0.75);
	}
	.is-fixed #logo a{ background-size: 100% auto; height: 30px; position: relative; top: 10px; width: 126px; }
}
/* tablet */
@media only screen and (min-width: 728px) and (max-width: 1099px){
	.outerwrap{ width: 720px; }
	#logo{ top: 20px; }
	#logo a{ height: 86px; top: 0; width: 360px; }
	#banners{ position: static; padding: 20px 0 0 410px; width: 240px; }
	#fb{ right: 5px; top: 30px; }
	#nav{ padding-bottom: 24px; }
	#nav-primary{ padding-left: 500px; top: 44px; width: 708px; }
	#a-propos{ height: 390px; }
	#a-propos .swiper{  }
	#a-propos .swiper-container{}
	#a-propos .swiper-slide{ height: 390px; }
	#a-propos .swiper-slide .innerwrap{ padding: 66px 160px 20px 0; }
	#a-propos .swiper-title{}
	#a-propos .swiper-content{ padding: 0 60px 10px 0; }
	#a-propos .indexes{ bottom: 46px; }
	#a-propos .indexes li{ margin-right: 15px; }
	#a-propos .indexes li a{ font-size: 16px; line-height: 20px; padding: 20px 0 50px 0; width: 176px; }
	#expertise .post-content{ padding: 0 0 0 285px; }
	#logos img{ height: 50px; width: auto; }
	#contact .innerwrap{ padding-bottom: 160px; }
	#contact .columns{ position: relative; }
	#contact .columns-col{ height: auto; position: static; }
	#contact .on-location{ margin-top: 3em; position: static; width: auto; }
	#googlemap{ position: absolute !important; right: 0; top: 0; }
	#contact-form input[type="email"], #contact-form input[type="text"]{ width: 324px; }
	#contact-form textarea{ width: 324px; }
}

/* mobile */
@media only screen and (max-width: 727px){
	.outerwrap{ width: 300px; }
	#logo{ margin-bottom: 20px; position: static; }
	#logo a{ height: 71px; top: 10px; width: 300px; }
	#banners{ left: 0; position: static; top: 0;  }
	#banners #consulting{ margin-right: 60px; }
	#banners #phone{ margin-left: 0; }
	#fb{ top: 100px; }
	#nav{ padding-bottom: 24px; }
	#nav-primary{ padding-left: 930px; top: 44px; width: 278px; }
	#a-propos{ background-image: none; height: auto;  }
	#a-propos .swiper-slide{ background: none !important; height: auto; }
	#a-propos .swiper-slide .innerwrap{ padding: 25px 0; }
	#a-propos .swiper-title br{ display: none; }
	#a-propos .swiper-content{ padding: 0; }
	#a-propos .swiper-content p{ margin-bottom: 0; }
	#a-propos .indexes{ position: static; }
	#a-propos .indexes li{ display: table; float: none; margin: 0 0 10px 0; }
	#a-propos .indexes li a{ display: table-cell; text-align: left; padding: 15px 50px 15px 15px; vertical-align: middle; width: 270px; }
	#a-propos .indexes li a:after{ left: auto; margin: -15px 0 0 0; right: 15px; top: 50%; }
	#contact hr{ margin-left: 0; margin-right: 0; }
	#contact .columns-col{ height: auto; }
	#contact .addr .local{ display: block; background-color: #757575; color: #fff; margin: 10px 0 0 0; padding: 10px; }
	#contact .addr .fax{ display: block; background-color: #757575; color: #fff; margin: 10px 0 0 0; padding: 10px; }
	#contact .addr .tollfree{ display: block; background-color: #00904c; color: #fff; margin: 10px 0 0 0; padding: 10px; }
	#contact .addr .tollfree span[itemprop]{ color: #fff; }
	#contact .on-location{ left: 0; margin: 40px 0 20px 0; position: static; top: 0; width: auto; }
	#contact .on-location .tollfree{ font-size: 1em; }
	#contact .on-location .tollfree a{ display: block; background-color: #00904c; color: #fff; margin: 0; padding: 10px; text-align: center; }
	#contact .on-location .tollfree .telephone{ color: #fff; }
	#expertise .post-content{ padding-left: 0; padding-right: 0; }
	#expertise .image{ margin-bottom: 20px; position: static; }
	#logos li{ display: block; margin: 0 0 10px 0; }
	#logos li:last-child{ margin: 0; }
	#logos img{ display: block; height: 50px; margin: 0 auto; width: auto; }
	#facebook iframe{ width: 300px; }
	#footer .columns{ display: block; }
	#footer .columns-col{ display: block; float: none; width: auto; }
	#contact-form .columns-wrap{ padding-right: 0; padding-bottom: 20px; }
	#contact-form input[type="email"], #contact-form input[type="text"]{ width: 284px; }
	#contact-form textarea{ width: 284px; }
	#liens-utiles{ border-top: 4px solid #4c5250; border-left: 0; }
	#liens-utiles .columns-wrap{ padding-top: 20px; padding-left: 0; }
}


#goto-cookies{ box-shadow: 0 0 25px rgba(0,0,0,0.5);  left: 0; right: 0; bottom: 0; position: fixed; z-index: 99999; }
#goto-cookies .cookies{ background: #fff; color: #505a57; padding: 20px; position: relative; }
#goto-cookies .cookies-inner{ margin: 0 auto; max-width: 1310px; }
#goto-cookies .cookies-close{ position: absolute; right: 20px; top: 20px;  }
#goto-cookies .cookies-content{ font-size: 0.875rem; padding-right: 60px; margin-bottom: 1em; }
#goto-cookies .cookies-ctas	ul{ display: flex; flex-wrap: wrap; margin: 0 -5px; padding: 0; }
#goto-cookies .cookies-ctas li{ list-style: none; margin: 0; padding: 5px; }
#goto-cookies .cookies-ctas button,
#goto-cookies .cookies-ctas a{ display: table; border-radius: 8px; padding: 0.75em 1em; font-size: 0.75rem; line-height: 1.2; }
#goto-cookies .cookies-ctas a{ background: #aaa; color: #fff; text-decoration: none; }
#goto-cookies .cookies-ctas button{ background: #00904c; color: #fff; }
#goto-cookies .cookies-ctas button:focus,
#goto-cookies .cookies-ctas a:focus,
#goto-cookies .cookies-ctas button:hover,
#goto-cookies .cookies-ctas a:hover{ background-color: #d8a100; color: /000; text-decoration: none; }
#goto-cookies .cookies-close button{ background: url(../../images/goto-cookies-close.svg.php) no-repeat center center; background-size: 100% 100%; display: block; height: 20px; width: 20px; overflow: hidden; text-indent: -9999em; }
#goto-cookies .cookies-close button:focus,
#goto-cookies .cookies-close button:hover{ background: url(../../images/goto-cookies-close.svg.php?fill=000); }
html[data-iscookies="true"] #goto-cookies{ display: none; }