/*
Theme Name: Twenty Twelve
Theme URI: https://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

https://snook.ca/archives/html_and_css/font-size-with-rem
https://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

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%;
	vertical-align: baseline;
}
body {
}
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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {

}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 2px;
	font-family: inherit;
	padding: 6px;
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {

	font-size: 11px;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;


}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {

}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
   /*	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	line-height: 2;
	overflow: hidden;
    /*max-width: 968px;
    margin: 0 auto;*/
}
.site-content.details-realisations  nav     { width: 196px; float: right; padding: 13px 0;/*margin: 0 auto -74px; padding: 13px 0; position: relative;*/ }
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
display: block;
	float: left;
	width:48px;
    height: 48px;
    background: url(images/prev-detail.png) no-repeat left top;
}
.nav-previous a,.nav-next a        { display: block; width: 100%; height :100%; }
.nav-previous.empty-span         { background: url(images/prev-detail-over.png) no-repeat left top; }
.nav-next.empty-span         { background: url(images/next-detail-over.png) no-repeat left top; }
.nav-next,
.next-image {
display: block;
	float: right;
	text-align: right;
    width:48px;
    height: 48px;
    background: url(images/next-detail.png) no-repeat left top;
}
.nav-previous:hover     { background: url(images/prev-detail-over.png) no-repeat left top; }
.nav-next:hover     { background: url(images/next-detail-over.png) no-repeat left top; }

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
    line-height :20px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #636363;
}
body.custom-font-enabled {
	font-family: Roboto, "Open Sans", Helvetica, Arial, sans-serif; background: #ffffff url(images/header.jpg) repeat-x left top;
}
a {
	outline: none;
	color: #3fa2f0;
    text-decoration: none
}
a:hover {
text-decoration: underline;
color: #636363;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
}
.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

/* Header */
.site-header {
 max-width: 968px;
 margin: 0 auto;
 min-height: 142px;
 position: relative;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}

/* Navigation Menu */
.main-navigation {
 margin:0 auto; top: 0px; padding: 75px 0% 0 0%;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #ffffff;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
        font-family: Roboto;
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 2.5px;
	}

	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #7cc6ff;
	}
	.main-navigation li {
		margin: 0 14px 0 16px;
		position: relative;
	}

    	.main-navigation li li {
		margin: 0px 0px 0 0px;
        float:left; width:65%;
		position: relative;
	}
    .main-navigation li#menu-item-302 li {
        float:left; width:86%;
	}

    .main-navigation li li:last-child a {
        border-bottom: 1px solid #2572BA;
     }
    .main-navigation li:first-child {
		margin-left: 0px;
		position: relative;
	}
    .main-navigation li:last-child {
		margin-right: 0px;
		position: relative;
	}
    .main-navigation li:nth-child(3) {
		margin-right: 235px;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0px 0 0 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 500;
		height: 1px;
		width: 1px;
		overflow: hidden;

	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
        margin: 0px;
		overflow: inherit;
		width: auto; left: 0px; padding: 42px 0 0 0;
	}
	.main-navigation li ul li a {
		background: #1B1B1B;
		border-bottom: 1px solid #ffffff;
		display: block;
		font-size: 11px;
		line-height: 14px;
		padding: 8px 10px;
		white-space: normal;
        width: 100%;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #7cc6ff;
		font-weight: normal;
	}
/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
	border-top: 4px solid #1c74b8;
	clear: both;
	font-size: 14px;
	line-height: 18px;
width:100%;
background: url(images/footer.jpg) repeat-x left top;
height:119px;
 }
footer[role="contentinfo"] .inner-footer    { max-width: 996px; margin: 0 auto; padding-left:2%; }
footer[role="contentinfo"] a {
}
footer[role="contentinfo"] a:hover {
}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
   background: url(images/h1-repeat2.jpg) repeat-x left center;
    /*background: #72BEF8*/
}

.blog .entry-header {
	margin-bottom: 70px;
}
.entry-header h1{
	max-width: 968px; margin:0 auto; padding: 22px 0; letter-spacing: 7px; font-weight: bold; color: #ffffff; font-size: 25px; line-height: 28px; text-transform: uppercase;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {

}
.entry-header .entry-title a {
	text-decoration: none;
    color: #ffffff;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content      { max-width: 968px; margin: 0 auto; }
.single .entry-content      { max-width: 968px; min-height: 500px; margin: 0 auto; }
.entry-content,
.entry-summary,
.mu_register {
	line-height: 20px;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
    color: #3274a7;
    font-weight: normal
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 20px;
	/*line-height: 1.714285714;*/
}
.entry-content a:visited,
.comment-content a:visited {
	color: #9f9f9f;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {

}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
    float:left;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}

/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

#container  .title { -moz-transform:rotate(-90deg);
    -moz-transform-origin: bottom left;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: bottom left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-90deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); z-index: 100; left: 17%; width: 430px; letter-spacing: 2px; position: absolute; bottom: 30px; font-size: 15px; text-transform: uppercase; color: #ffffff; line-height: 18px; font-weight: bold; font-family: Roboto; }
.flexslider .slides > li a.savoir-plus        { position: absolute; bottom: 32px; left:38%; display: none; color: #fff; padding: 6px 10px; border: 1px solid #fff; float:left; text-decoration: none; font-size: 14px; margin-top: 25px; }
.flexslider .slides > li:hover .title { display: none }
.flexslider .slides > li:hover .arrow { display: none }
.flexslider .slides > li:hover a.savoir-plus { display: block }
.wrapper-title      { width:100%; height: 100%; position: relative; }
.flexslider .slides li .img {    position: relative; height: 640px; overflow: hidden; }
.flexslider .slides li .arr-1,
.flexslider .slides li .arr-2,
.flexslider .slides li .arr-3,
.flexslider .slides li .arr-4,
.flexslider .slides li .arr-5,
.flexslider .slides li .arr-6,
.flexslider .slides li .arr-7 { background: url(images/arrow-orange.png) no-repeat center bottom; display: none; position: absolute; bottom: 0px; width:100%; height: 19px; }
.flexslider .slides li .img .arrow {    position: absolute; left: 0px; bottom: 0px; width: 19px; height: 143px; background: url(images/arrow-title.png) no-repeat left bottom }
.flexslider .slides li .img .shadow     { position: absolute; bottom: 0px; width: 100%; height :100%;   background: url(images/shadow-over.png) repeat-x left bottom; }
.flexslider .slides li:hover .img .shadow     { position: absolute; bottom: 0px; width: 100%; height :100%;   background: none; }
.desc           { position: absolute; width:48%; height:377px; background: url(images/presentation2.png) repeat-x left top; left:0px; bottom: -381px; display: none; font-size:14px; line-height: 16px; color: #ffffff; text-align: left; }
.desc .inner-desc           { width: 518px; height:100%; float:right; padding: 30px 0 0px 0;}
.desc .inner-desc ul           { padding-left: 10px }
.desc .inner-desc ul li          { list-style: none; background: url(images/li-bullet-white.png) no-repeat left 8px !important; padding-left: 10px }
.desc .title-desc           { font-weight: bold; font-size:30px; line-height: 34px; padding-bottom: 40px; letter-spacing: 6px; color: #ffffff; text-transform: uppercase; font-family: Roboto; text-shadow: 1px 1px #d79441 }
.desc .photo-desc           { float:left; width: 83px; height: 70px; margin-right: 16px; }
.notre.active-li          { background: url(images/blue2.png) no-repeat left top; }

.logo          { width: 186px; margin: 0 auto; left: 39%; position: absolute; z-index: 100; }
.site-content-index         {  }
.presentation               { width: 48%; background: url(images/presentation.jpg) repeat-x left top; float:left; height:377px}
.presentation .inner              { width: 442px; float: right; padding-top: 40px; }
.presentation .title               { font-size: 30px; font-family: Roboto; font-weight: bold; color: #f4b95c; text-transform: uppercase; text-align: justify; padding-bottom: 40px; letter-spacing: 8px; }
.presentation .texte               { font-size: 14px; line-height: 16px; font-family: Roboto; font-weight: normal; color: #1d73b7; }
.notre               { width: 52%; background: #1d74b8 url(images/blue.jpg) no-repeat left top; height:445px; float:left; }
.notre .inner              { width: 488px; float: left; padding-top: 25px; margin-left: 148px; }
.notre .title               { font-size: 30px; font-family: Roboto; font-weight: bold; color: #ffffff; text-transform: uppercase; text-align: justify; padding-bottom: 60px; letter-spacing: 8px; }
.notre .texte               { font-size: 14px; line-height: 16px; font-family: Roboto; font-weight: normal; color: #ffffff; padding-top: 20px}
a.link              { color: #a6a6a6; padding: 6px 15px; border: 1px solid #a6a6a6; float:left; text-decoration: none; font-size: 14px; margin-top: 25px; letter-spacing: 2.5px;}
.notre a.link              { color: #ffffff; padding: 6px 15px; border: 1px solid #ffffff; float:left; text-decoration: none; font-size: 14px; margin-top: 64px; letter-spacing: 2.5px;}
#realisation            { margin:0 auto; width: 960px; height:490px; clear: both; padding-top: 65px;  }
#realisation  .realisation-title          {  font-size: 30px; font-family: Roboto; font-weight: bold; color: #f4b95c; text-transform: uppercase; text-align: justify; padding-bottom: 40px; letter-spacing: 8px;}
#realisation .photo          { width: 523px; float:left; margin-right: 38px; }
#realisation .photo-one      { width: 255px; height: 265px; float:left; margin-right: 13px;  overflow: hidden; }
#realisation .photo-one img     { width: auto; height: 100%; max-width: none; }
#realisation .photo-two      { width: 255px; height: 127px; float:left; margin-bottom: 11px; overflow: hidden; }
#realisation .photo-two:last-child      {  margin-bottom: 0px;  }
#realisation .text           { float:left; font-size: 14px; line-height: 18px; width: 26%; color: #8c8c88; }
#realisation .text p.title          { float:left; font-size: 15px; text-transform: uppercase; line-height: 18px; font-family: Roboto; font-weight: bold; color: #565656; width: 100%; padding-bottom: 20px; }
.bxslider li            { position: relative; }
#realisation a.voir         { padding:8px 30px; font-size: 12px; color: #1c74b8; border: 1px solid #81c8fd; position: absolute; right: 38%; bottom: 0px; text-decoration: none; letter-spacing: 2.5px;}
#realisation a.voir-tous         { padding:8px 30px; font-size: 12px; color: #1c74b8; border: 1px solid #81c8fd; position: absolute; right: 3%; bottom: 0px; text-decoration: none; letter-spacing: 2.5px;}
.blocs-bottom           { position: relative; width: 100%; float:left; min-height: 447px;  margin-top:110px;}
.blocs-bottom .inner           { background: url(images/anne.png) no-repeat center top; height: 60px; width: 100%; position: absolute; top:116px; z-index: 100 }
.historique         { width: 430px; height: 307px; float:right; margin-right: 50px; margin-top: 55px; }
.historique .photo        { position: relative; overflow: hidden; }
.historique .title        { position: absolute; font-weight: bold; top:28px; width: 94%; left: 6%; text-align: center; color: #FABE5C; font-size: 86px; }
.historique .lien-hist        { position: absolute; bottom: 36px; right: 32px; font-size: 12px; border: 1px solid #cf9f53; color: #cf9f53; text-transform: uppercase; padding: 10px 45px 10px 35px; text-decoration: none; background: url(images/arrow-hist.png) no-repeat right center; letter-spacing: 2.5px; }
.intervention           { background: url(images/inervention-inner.jpg) repeat-x left top; float:right; width:50%; height: 447px; }
.intervention .inneri          { background: url(images/inervention.jpg) no-repeat left top; width:100%; height:88%; padding-top: 55px }
.intervention .inneri .text         { width:415px; margin-left: 115px; float:left; }
.intervention .inneri .text .title        { letter-spacing: 8px; width:100%; color: #afafaf; font-size: 30px; line-height: 34px; font-weight: bold; padding:0 0 66px 51px; }
.intervention .inneri .text .photo        { width:119px; height:110px; float:left; margin:-12px 15px 0 0;}
.intervention .inneri .text .paragraf        { font-size: 14px; color: #1d73b7; line-height: 18px; }
a.voir      { letter-spacing: 2.5px; color: #9c9c9c; padding: 6px 15px; border: 1px solid #9c9c9c; float:left; text-decoration: none; font-size: 14px; margin: 50px 0 0 20px; }
.left-footer            { background: url(images/left-footer.jpg) no-repeat right top; font-size:11px; line-height: 14px; width:25%; padding: 40px 0 0px 0; height:79px; float:left; margin-right: 4%; }
.left-footer .name           { color: #9fc7e5; width:100%; }
.left-footer .adresse           { color: #fff; width:100%;}
.left-footer .telefon           { color: #fff;float:left; }
.left-footer a.mail           { color: #fff; width:45%; float:left; }
.menu-footer                { float: left; width:16%; padding: 40px 0 0px 0; height:79px; font-size:11px; line-height: 14px; background: url(images/left-footer.jpg) no-repeat right top; }
.menu-footer .menu-bottom li a               { float: left; width:100%; color: #ffffff; text-decoration: none}
.menu-footer .menu-bottom li.current-menu-item a,
.menu-footer .menu-bottom li a:hover               { color: #9a9a9a; }
.inscrivez          { float:left; text-align:center; width:34%; padding: 50px 0 0px 0; height:69px; background: url(images/left-footer.jpg) no-repeat right top; margin-right: 3%; }
.inscrivez a        { font-size:10px; line-height: 14px; letter-spacing: 2.5px; text-transform: uppercase; color: #90bfe2; text-decoration: underline; }
.inscrivez a:hover        { text-decoration: none; }
.firm           { color: #9a9a9a; background: url(images/smart.png) no-repeat right center; line-height: 42px; height:79px; padding: 40px 0 0px 0; float: left; width:12%;}
.firm:hover           { background: url(images/smart-over.png) no-repeat right center; }
.firm a           { width:100%; height: 100%; display: block;color: #9a9a9a; line-height: 42px;  }
.firm a:hover           { text-decoration :none  }
.site-content {
		margin:0 auto;
		max-width: 100%;
	}
.site-content-historique    { width: 100%;  }
.site-content-historique .entry-header   { background: url(images/h1-repeat2.jpg) repeat-x left center; }
.site-content-historique .entry-header h1  { max-width: 968px; margin:0 auto; padding: 22px 0; font-weight: bold; color: #ffffff; font-size: 25px; line-height: 28px; text-transform: uppercase; }
.site-content-historique #content   {  width:100%; clear:both; }
.content-historique     {max-width: 968px; margin:0 auto;  }
.entry-content-hist     { width:100%; padding:30px 0 86px 0; }
.image-metier           { overflow: hidden; float:left; margin:0 40px 30px 0; width: 36%; height:auto; }
.image-metier img          { width: 100% }
.category-site           { }
.categorie-metier           {width: 100%; background: url(images/h1-repeat2.jpg) repeat-x left center;   }
.categorie-metier h1           { margin:0 auto; width: 996px; clear:none; padding: 22px 0; font-weight: bold; color: #ffffff; font-size: 25px; line-height: 28px; text-transform: uppercase; letter-spacing: 6px;}
.texte-metier           { margin-top: 40px; width:75%; text-align: left; font-weight: bold; }
.site-content #content .texte-metier ul          {width:auto;  }
.site-content #content .texte-metier2 ul          {width:auto;  }
.nos-specialites                { letter-spacing: 6px; font-family: 'Pathway Gothic One'; font-size: 30px; text-transform: uppercase; color: #6ab1e8; margin: 40px 0; }
.specialites                { width: 35%; float:left; border: 1px solid #e5e5e5; padding:20px 20px 20px 20px; margin-bottom: 20px; }
.specialites  article              { width: 42%; margin-right:5%; float:left; background: url(images/bullet.png) no-repeat left 5px; padding: 0 0 5px 5%; border-right: 1px solid #e5e5e5; }
.specialites  article:nth-child(2n+0)       { border: 0px; margin-right: 0px; }
.specialites  article  a            { font-size: 13px; line-height:16px; color: #3274a7; text-decoration: none; font-weight: normal }
.texte-metier2           {  width: 968px; margin: 40px auto 0;  }
.texte-metier2 h2          { font-size: 18px; color: #3274a7; clear: none }
.site-content #content ul          { padding: 10px 0 10px 10px; display: inline-block; width: 95%; }
ul.bxslider2            { display: block !important; padding: 0px !important  }
#content li          { background: url(images/li-bullet.jpg) no-repeat left 10px; padding-left: 20px; list-style: none }
#content .bxslider li          { background: none; padding-left: 0px; }
 .categories-inner ul li { background: none !important; padding-left: 0px !important; width: 37px; height: 37px; margin-right: 5px; float:left; }
.nos-realisations-metiers       { clear: both; width: 968px; margin: 40px auto; }
.nos-realisations-metiers article      { float:left; width: 294px; min-height: 391px; margin:0 42px 40px 0; background: #efefef; }
.nos-realisations-metiers article:nth-child(3n+0)      {  margin-right: 0px; }
.nos-realisations-metiers article a      { font-family: 'Pathway Gothic One'; font-size: 20px; line-height: 22px; text-transform: uppercase; color: #0b69b0; font-weight: normal; text-decoration: none; }
.nos-realisations-metiers article .inner      {  float:left; width: 100%;}
.nos-realisations-metiers article .inner .categories-inner     { padding:20px 25px 20px 25px; }
#content .nos-realisations-metiers article .inner .categories-inner  ul   { padding:0px; width: auto }
.nos-realisations-metiers article .inner .entry-title     { height:40px; padding:25px 25px 20px 25px; border-bottom: 1px solid #dddddd; letter-spacing: 2.5px; }
.nos-realisations-metiers article .inner a.plus     { width:38px; height:31px; float:right; display: block; background: url(images/plus.jpg) no-repeat left top; margin-top: 3px;}
.photo-realisations             { height: 227px; width:100%; overflow: hidden; }
.partenaires            { background: url(images/partenaires-bk.png) repeat-x left top; width:100%; height: 224px; float:left; text-align: center; }
.partenaires .star           { background: url(images/big-romb.png) no-repeat center top; width:100%; height: 37px; margin-bottom: 35px; }
.partenaires ul         { margin:0 auto; min-width: 50px; }
#content .partenaires ul li         { width: 82px; height: 82px; float:left; padding-left: 0px; background: none; position: relative; margin-right: 35px; border: 1px solid #1c74b8; border-radius: 50%; overflow: hidden;}
#content .partenaires ul li a       { display: block; }
#content .partenaires ul li a img       { width:100%; }
#content .partenaires ul li:last-child         { margin-right: 0px; }
 #menu-plan-du-site          { padding: 10px 0 10px 10px}
 #menu-plan-du-site li         { list-style: none outside none;
    padding-left: 20px;}
.title-realisations { clear: both;
    margin: 40px auto 30px;
    width: 968px;
    font-family: 'Pathway Gothic One'; font-size: 30px; letter-spacing: 6px; text-transform: uppercase; color: #6ab1e8;}
.breadcrumbs        { margin: 20px auto 20px;
    width: 968px; }
.breadcrumbs span       { font-size: 9px; line-height: 12px; color: #737373;}
.breadcrumbs span a       { font-size: 9px; line-height: 12px; color: #bdbdbd; }
a.contact-header            { font-size: 10px; line-height:12px; margin-top:10px; float:right; color: #68b8f5; margin-right:10px; text-decoration: none; }
a.contact-header:hover      { color: #ffffff; }
.nos-realisations-template          { width: 968px; margin:0 auto; }
.nos-realisations-template article  { width: 48.5%; float:left; margin-right: 3%; background: #EFEFEF; height:391px; margin-bottom: 21px;}
.nos-realisations-template article:nth-child(2n+0)  {  margin-right: 0%; }
.nos-realisations-template article a      { font-family: 'Pathway Gothic One'; font-size: 20px; line-height: 22px; text-transform: uppercase; color: #0b69b0; font-weight: normal; text-decoration: none; letter-spacing: 2.5px; }
.nos-realisations-template article .photo       { width:100%; height: 227px; overflow: hidden;}
.nos-realisations-template article .inner .entry-title     { height:40px; padding:25px 20px 20px 20px; border-bottom: 1px solid #dddddd;  }
.nos-realisations-template article .inner .categories-inner     { padding:20px 20px 20px 20px; }
.nos-realisations-template article .inner .categories-inner  ul   { float:right; }
.nos-realisations-template article .inner a.plus     {  float:left; display: block; margin-top: 3px; padding: 4px 14px; font-size:11px; font-family: Roboto; color: #6fa1cd; border: 1px solid #6fa1cd; letter-spacing: 2.5px; }

.recrutement        { background: url(images/h1-repeat.jpg) repeat-x left top; position: relative; }
.recrutement #content       { width: 968px; margin:0 auto; }
.recrutement .entry-header       { background: none; }
.empty          { width:227px;  float:left; min-height:615px; margin:0 50px 10px 0;}
.photo-recrutement      { width:37%;  float:left; position: absolute; left: 0px; top: 0px}
.photo-recrutement img     { width:100%; }
.recrutement h1        { clear:none; }
.recrutement h2, h3, h4        { clear:none; color: #3274a7; font-weight: normal }
.butons     { margin: 35px 0; }
.butons a    { border: 1px solid #81c8fd; margin-right: 21px; padding: 6px 10px; font-size:12px; text-decoration: none; letter-spacing: 2.5px;}
div.wpcf7       { width: 46%; float:left; }
div.wpcf7 input,select     { font-size:14px; padding:10px 4%; width:90%;}
.chosen-container-single        { border-radius:2px; padding:10px 4%; font-size:14px; font-style: normal; font-weight: normal; border: 1px solid #ccc; width:90% !important;  }
.chosen-container-single span{ font-size:14px; font-style: normal; font-weight: normal; }
.chosen-container-single .chosen-single{ padding: 0px; background: url(images/arrow-select.png) no-repeat right center;}
#content .chosen-container .chosen-results li    { padding-left:0px; background: none; }
#content #wpcf7-f193-p191-o1 .chosen-container .chosen-results li    { font-size:14px; }
.chosen-container .chosen-results li.highlighted        { color: #636363;  }
.joindre                { font-size: 14px; color: #68afe5; font-style: italic; margin-bottom: 10px !important; }
.votrecv        { border: 1px solid #ccc; padding: 10px 4%; width: 90%; border-radius: 2px; float:left; }
.votrecv  span      { float:left; padding-right: 20px; }
.lettre        { border: 1px solid #ccc; padding: 10px 4%; width: 90%; border-radius: 2px; float:left; }
.lettre  span      { float:left; padding-right: 0px; }
.lettre  span:first-child      { padding-right: 20px; }
div.wpcf7 .votrecv input,
div.wpcf7 .lettre input       { padding: 0px; color: #000; font-size: 12px; }
div.wpcf7 .envoyer { float:right; margin: 10px 7px 0 0;}
div.wpcf7 .envoyer input          { border-radius: 0px; border: 1px solid #74c2fd; background: #ffffff; font-size: 14px; text-transform: uppercase; color: #5999cb; float:right; width: auto; padding: 6px 10px;}
div.wpcf7 .cenvoyer input          { border-radius: 0px; border: 1px solid #74c2fd; background: #ffffff; font-size: 14px; text-transform: uppercase; color: #5999cb; float:right; width: auto; padding: 6px 10px; margin-right:7px;}
.hide-input         { display: none }
.trierPar           { float:right; margin-top: 20px; }
.trierPar .chosen-container-single          { width: 100% !important; border-radius: 0px; border:1px solid #ffffff; padding: 4px 8px; float:right;}
.trierPar .chosen-container-single span         { color: #ffffff; font-size: 10px; letter-spacing: 2.5px;}
.trierPar .chosen-container-single .chosen-single         { color: #ffffff; font-size: 12px; background: url(images/arrow-filter.png) no-repeat right center; }
.trierPar .chosen-container .chosen-drop    { width:270px; }
.trierPar .chosen-container .chosen-results    {padding-left: 0px; margin-right: 0px; }
.entry-header.real      { height:73px; }
.entry-header.real .entry-title     { width:968px; margin:0 auto; }
.entry-header.real .entry-title h1    { float:left; }
#content .chosen-container .chosen-results li.filter1        { background: url(images/filter1.png) no-repeat 4px center; padding-left:35px; border-bottom: 1px solid #d3d1d1; }
#content .chosen-container .chosen-results li.filter2        { background: url(images/filter2.png) no-repeat 4px center; padding-left:35px; border-bottom: 1px solid #d3d1d1; }
#content .chosen-container .chosen-results li.filter3        { background: url(images/filter3.png) no-repeat 4px center; padding-left:35px; border-bottom: 1px solid #d3d1d1; }
#content .chosen-container .chosen-results li.filter4        { background: url(images/filter4.png) no-repeat 4px center; padding-left:35px; border-bottom: 1px solid #d3d1d1; }
#content .chosen-container .chosen-results li.filter5        { background: url(images/filter5.png) no-repeat 4px center; padding-left:35px; border-bottom: 1px solid #d3d1d1; }
#content .chosen-container .chosen-results li.filter6        { background: url(images/filter6.png) no-repeat 4px center; padding-left:35px; border-bottom: 1px solid #d3d1d1; }
#content .chosen-container .chosen-results li.filter7        { background: url(images/filter7.png) no-repeat 4px center; padding-left:35px; border-bottom: 1px solid #d3d1d1; }
#content .chosen-container .chosen-results .first-filter        { padding-left:5px }
#content .chosen-container .chosen-results li:hover     { background-color: #f2b75b; }
#content .chosen-container .chosen-results li.highlighted     { background-color: #f2b75b; }
a.reinitialiser     { padding: 9px 28px 9px 8px;  font-size:10px; float:right; margin-left:10px; display: block; background: url(images/x.jpg) no-repeat right center; letter-spacing: 2.5px; }
a.reinitialiser:hover       { background: url(images/x-over.jpg) no-repeat right center; }
#order      { float:right }
.actualites             { margin:0 auto; width: 968px; }
.actualites article           { width:100%; background: #f2f2f2; margin-bottom: 22px; float:left; position: relative; }
.h1-actualite               { margin: 0 auto; max-width: 968px;  }
.h1-actualite  h1             {  max-width: 80% !important; float:left; margin: 0 }
.h1-actualite  a.retour             {  max-width: 40% !important; float:right; }
.single .entry-header {
	margin-bottom: 24px;
   background: url(images/h1-repeat2.jpg) repeat-x left center;
    min-height:73px;
    float:left; width: 100%;
   /*background: #72BEF8*/
}
.photo-actualites       { width: 38%; height: 238px; overflow: hidden;  float:left;}
.content            { width:62%; float:left;  }
.content .entry-content           { padding:0 22px; }
.content .date-actualites           { padding:0 22px 20px 22px; font-size: 12px; color: #a6a6a6 }
.content a.plus           { border: 1px solid #6fa1cd;
    color: #6fa1cd;
    display: block;
    letter-spacing: 2.5px;
    float: right;
    font-family: Roboto;
    font-size: 11px;
    margin-top: 3px;
    padding: 4px 11px;
    position: absolute;
    right: 22px;
    bottom: 20px; text-decoration: none; }
.photo-actualites img       { width: 100%; }
.actualites h1       { clear:none; padding:15px 0 15px 22px; margin-bottom: 5px; border-bottom: 1px solid #dedede;}
.actualites h1  a     { font-family: 'Pathway Gothic One'; font-size: 20px; line-height: 22px; text-transform: uppercase; color: #0b69b0; font-weight: normal; text-decoration: none; letter-spacing: 2.5px;}
.details-realisations       {  }
.details-realisations .entry-header      { min-height:73px; }
.details-realisations .inner-details      { width: 968px; margin:0 auto; clear:both}
.details-realisations .inner-details h1     { max-width: 75%; float:left; clear: none}
a.retour     { text-transform: uppercase;
text-decoration: none;
    color: #ffffff;
    display: block;
    float: right;
    font-family: Roboto;
    font-size: 11px;
    line-height:14px;
    margin-top: 13px;
    width:48px; height: 48px; background: url(images/retour.png) no-repeat left top;
    /*padding: 26px 14px 4px 14px;*/ }
a.retour:hover          { background: url(images/retour-hover.png) no-repeat left top }
.details-realisations a.retour          { float:left; margin:0 0px 0 26px; }
.retour span        { padding-right:2px; }
.retor-div          { width: 968px; margin: 0px auto; padding: 20px 0; height:30px; }
.menu-plan-du-site-container    { margin: 0 auto 20px; width: 968px;  }
.menu-plan-du-site-container ul   {  }
.menu-plan-du-site-container ul li   { background: url(images/bullet.png) no-repeat left 6px !important;  }
.menu-plan-du-site-container ul li ul li  { background: url(images/li-bullet.jpg) no-repeat left 8px !important; padding-left: 20px !important }
#inline_content         { width:400px; margin:10px auto 0; }
#inline_content  label       { float:left; padding: 8px 20px 0 0px; font-size: 14px; font-weight: bold; }
#inline_content  input       { padding: 8px 9px 8px 9px; }
#inline_content  li       { padding: 0px !important; background: none !important; font-size: 14px; font-weight: bold; }
#inline_content  .updated       { background: #ffffff; border: none; text-align: center; }
#inline_content  .wysija-paragraph       { float:left; }
#inline_content  input.wysija-submit       { background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #74c2fd;

    color: #5999cb;
    float: right;
    font-size: 14px;
    padding: 6px 10px;
    text-transform: uppercase;
    width: auto; margin-top:0px }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #inline_content  input.wysija-submit {
        margin-top: 2px;
          padding: 7px 10px 7px 10px;
    }
    #container .title       { left: 25%; width: 375px }
}

.slider             { height: 486px; overflow: hidden; margin: 0 0 40px 0; clear: both;}
.slider ul.bxslider2 li            { padding-left: 0px !important; background: none !important; width: 100% !important; margin:0px;}
.slider ul.bxslider2 li img           {  width: 100%; }
.slider .bx-wrapper            { margin: 0 auto; padding:0px; height:100%;}
.slider .bx-wrapper .bx-prev            { height:54%; width: 54px; background: url(images/prev-slider.png) no-repeat left top; }
.slider .bx-wrapper .bx-next            { height:54%; width: 54px; background: url(images/next-slider.png) no-repeat left top }
.slider .bx-wrapper .bx-prev:hover            { background: url(images/prev-slider-over.png) no-repeat left top; }
.slider .bx-wrapper .bx-next:hover            { background: url(images/next-slider-over.png) no-repeat left top }
.title_1024         { display: none }
.menu-toggle {		display: none;	}
.flexslider .slides > li .title_1024 a.savoir-plus.doi      { display: none }
#content .flexslider .slides li.noir .shadow    {  transition: background-color 1s ease; -webkit-transition: background-color 1s ease;
  background-color: #000; opacity: 0.6 }
#content .flexslider .slides li.active.noir .shadow     { background: none }
.header-inner       { background: url(images/header.jpg) repeat-x left top; height:142px; width:100%; position: fixed; z-index: 1000 }
.headroom {
    transition: transform 600ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-125%);
}
#main       {      padding-top:142px; }
.wp-admin>#adminmenu>#menu-posts-realisations>.wp-submenu li        { display: none !important }
.wp-pagenavi           { text-align:center; }
.wp-pagenavi .pages          { display: none; }
.wp-pagenavi a.previouspostslink           { text-decoration: none; padding: 0; border: none; background: url(images/previouspostslink.jpg) no-repeat left top; float:left; width:11px; height:20px; }
.wp-pagenavi a.previouspostslink:hover           { background: url(images/previouspostslink-over.jpg); float:left; width:11px; height:20px; }
.wp-pagenavi a.nextpostslink           { padding: 0; border: none; background: url(images/nextpostslink.jpg) no-repeat left top; float:right; width:11px; height:20px; }
.wp-pagenavi a.nextpostslink:hover           { background: url(images/nextpostslink-over.jpg) no-repeat left top; float:right; width:11px; height:20px; }



/* Minimum width of 600 pixels. */
@media screen and (max-width: 1600px) {
.empty      { width:290px; min-height: 415px }
.specialites            { width:42%; }
}
@media screen and (max-width: 1280px) {
.empty      { width:310px; min-height: 415px }
.texte-metier       { width: 96%; }
.specialites {
    width: 54%;
}
}
@media screen and (max-width: 1024px) {
#content .slides li          { padding-left: 0px; }
.flexslider .slides li .img .shadow         { display: none }
#container .title           { transform: none; display:none; }
.flexslider .slides > li a.savoir-plus      { display: none; }
.flexslider .slides > li:hover a.savoir-plus { display: none }
.flexslider .slides li .img .arrow { display: none }
.flex-control-nav           { display: none }
.flexslider .slides img { width:100%; max-width: none; height:auto }
.title_1024         { display: block; background: url(images/title_2014.png) repeat-x left top; position: absolute; bottom: 0px; height: 100px; width: 96%; padding: 20px 2%; }
.title_1024  .title2       { font-size:15px; font-weight: bold; color: #ffffff; float:left; padding-top: 7px; }
.flexslider .slides > li .title_1024  a.savoir-plus       { border: 1px solid #fff; color: #ffffff; float:right; padding: 6px 15px; text-decoration: none; font-size: 14px; position: relative; display: block; bottom: auto; left:auto ; margin-top: 0px; }
.notre .inner       { width: 365px; }
.intervention .inneri .text       { width: 365px; }
.blocs-bottom .inner           { background: url(images/anne.png) no-repeat -770px top;  }
.historique         { float:left }
.image-metier       { width: 45%; overflow: hidden; }
.texte-metier           { width: 97%; }
.specialites           { width: 44%; }
.empty          { min-height: 350px; }
.main-navigation li     { margin-right: 10px; }
.notre .title,
.presentation .title,
#realisation .realisation-title,
.intervention .inneri .text .title           { font-size: 20px }
.flexslider .slides li .img     { height:490px; }

}


@media screen and (max-width: 800px) {
.details-realisations .inner-details h1         { max-width: 70% }
.specialites           { width: 42%;}
.main-navigation li     { margin-right: 3px; }
.main-navigation li a       { letter-spacing: normal; }
.logo           { left: 37%; }
.presentation .inner        { width:97%; }
.notre .inner       { /*width: 61%;*/ }
#realisation            { width:100%; max-width: none; }
#realisation .photo         { width: 68%; }
#realisation .photo-one         { width: 48%; }
#realisation .photo-two     { width:48%; }
#realisation .realisation-title         { padding-left: 1%; }
.intervention         { width:54% }
.intervention .inneri .text       { width: 75%;  margin-left: 85px;}
.historique         { width:46%; margin-right: 0px; }
.blocs-bottom .inner           { background: url(images/anne.png) no-repeat -810px top;  }
a.voir          { margin-top: 30px; }
.firm           { width: 15%; }
/*de aici*/
.bxslider li            { width:100% !important; }
.desc .inner-desc       { width: 96%; }

.entry-header h1        { padding-left: 1% }
.site-content-historique .entry-header h1       { padding-left: 1% }
.entry-content        { padding-left: 1%; padding-right: 1%; width:98% }
.recrutement #content               { width:98%; padding: 0 1% }
.recrutement #content .entry-content              { width:100%; padding: 0% }
.breadcrumbs        { width:98%; padding: 0 1% }
.content-historique     { padding: 0 1% }
.texte-metier2      { width:98%; padding: 0 1%}
.tit`le-realisations      { width:98%; padding: 0 1%}
.nos-realisations-metiers      { width:98%; padding: 0 1%}
.nos-realisations-metiers article       { width:48%; margin-right:3%; }
.nos-realisations-metiers article:nth-child(2n+0)       {  margin-right:0%; }
.nos-realisations-metiers article:nth-child(3n)       {  margin-right:3%; }
.slider     { width: 100%; }
.nos-realisations-template     { width: 98%; padding: 0 1% }
.entry-header.real .entry-title     { width: 100% }
.trierPar           { padding-right: 1%; }
.empty          { min-height: 350px; width: 33%; min-height: 250px }
.actualites     { width:98%; padding: 0 1%; }
.menu-plan-du-site-container     { width:98%; padding: 0 1%; }
.actualites .entry-content    { width:90%;}
.actualites h1      { width: 94%; }
.details-realisations .inner-details        { width:100%; }
#inline_content     { width:100%; }
.page-id-129 .entry-content>div          { width:30% !important; margin-bottom: 20px; }
.page-id-129 .entry-content>div.map          { width:70% !important; margin-bottom: 20px; }
.notre      { width: 56%; }
.presentation       { width: 44% }
.notre .title       { font-size:24px; }
.presentation .title       { font-size:24px; }
.desc           { width: 46%; }
.notre .inner       { width: 67%; padding-top: 9px }
.image-metier       { height: auto; }
.formError .formErrorContent            { line-height: 11px; }
.flexslider .slides li .img     { height:490px; }
.metier-none            { width: 98% !important; padding: 0 1%; }
.specialites-none       { width:92% !important; margin-left: 10px }
.nos-specialites-none       { width:92% !important; margin-left: 10px }
.categorie-metier h1        { width:auto; padding: 10px 1%; }
.title-realisations         { max-width: 98%; width: auto; padding: 0 1%; }
#realisation a.voir,#realisation a.voir-tous { padding: 8px 10px; }
}

@media screen and (max-width: 768px) {

.categorie-metier h1        { padding: 10px 1%; }

}

@media screen and (max-width: 640px) {
.logo           { left:0px; top: 10px; width:18%; }
.logo   img        { width:100%; }
.menu-toggle {
 position: absolute;
    top:45px; right: 10px;
		display: block;
        width: 50px;
        height: 50px;
        z-index: 2000;
        background: url(images/menu-resp-small.png) no-repeat left top;
	}
.menu-toggle:hover,
.menu-toggle.toggled-on      { background: url(images/menu-resp-small-over.png) no-repeat left top; }
.main-navigation ul.nav-menu        { display: none !important }
.main-navigation ul.nav-menu.toggled-on     { display: block !important; width: 40%; position: absolute; top:40px; right: 0px; background: #6D6D6D; padding: 65px 3% 0 3%; z-index: 1000}
.main-navigation ul.nav-menu.toggled-on li      { float:left; width:100%; padding: 3px 0; border-bottom: 1px solid #ffffff; margin:0 0 3px 0;  }
.main-navigation ul.nav-menu.toggled-on li:last-child      { border-bottom: none; }
.main-navigation ul.nav-menu.toggled-on li a     { font-size: 16px; line-height: 18px;   }
.main-navigation ul.nav-menu.toggled-on li ul       { position: relative; padding: 0 0 0 10%; }
.main-navigation ul.nav-menu.toggled-on li ul li       { padding:0px; border: none; }
.main-navigation ul.nav-menu.toggled-on li ul li a       { font-size:12px; margin: 0px; padding:0px; background: none; }
.main-navigation li li:last-child a         { border:none; }
.categorie-metier h1            { padding: 8px 0; }
.specialites { width: 91%; margin-left: 1%;}
.firm { width: 18%;}
#realisation .photo     { margin-right: 24px; }
#realisation a.voir     { right: 40%; padding: 8px 5px }
#realisation a.voir-tous { right: 0px; padding: 8px 5px }

}

@media screen and (max-width: 600px) {
body {font-size: 12px;}
.notre .texte {font-size: 12px;}
.presentation .texte {font-size: 12px;}
.presentation .title            { font-size:20px; line-height: 24px; }
.notre .title            { font-size:20px; line-height: 24px; }
#realisation .realisation-title           { font-size:20px; line-height: 24px; }
.intervention .inneri .text .title          { font-size:20px; line-height: 24px; }
.desc .title-desc          { font-size:20px; line-height: 24px; }
.notre .inner { width: 50%;}
a.link          { font-size: 12px; line-height:16px }
.desc          { font-size: 12px; line-height:16px; width: 100%; }
.specialites article a          { font-size: 12px; line-height:16px }
.specialites          { margin-bottom: 10px; }
.notre a.link          { font-size: 12px; line-height:16px }
#realisation .text          { font-size: 12px; line-height:16px }
.intervention .inneri .text .paragraf          { font-size: 12px; line-height:16px }
#realisation .photo {    width: 66%;}
#realisation .photo-one         { margin-right: 12px; }
.intervention .inneri .text     { width: 72%; }
a.voir          { margin-top: 10px; font-size:12px; line-height: 16px; }
.blocs-bottom .inner           { background: url(images/anne.png) no-repeat -840px top;  }
.butons a           { margin-right: 8px; }
.map        { width: 100% !important; overflow: hidden; }
}
@media screen and (max-width: 568px) {
.details-realisations .inner-details h1     { text-align: center; max-width:100%; width: 98%; padding-top: 10px; }
.site-content.details-realisations nav      { margin-right: 33%  }
.left-footer    { margin-right:2%; width: 23%; }
.firm       { width: 21%; }
.presentation       { width:100%; height:310px }
.notre       { width:100%; background-position: right top; height: auto; }
.notre .inner           { width: 98%; padding: 25px 1%;  margin-left: 0px; }
.notre.active-li    { background: url(images/blue.jpg) no-repeat left top; }
#realisation .photo {    width: 64%;}
#realisation .photo-one         { width: 47%;  }
#realisation .photo-two     { width:47%; }
.historique     { width: 42%; }
.intervention       { width: 58% }
.blocs-bottom .inner           { background: url(images/anne.png) no-repeat -873px top;  }
.intervention .inneri .text .title      { width: 77%; }
.butons a {    margin-right: 2px;}
.empty      { min-height: 200px; }
.slider         { height: auto }
#realisation        { height: auto; padding-top: 20px }
#realisation .bx-wrapper        { padding-bottom: 0px; margin-bottom:0px; }
#content .bxslider li       { padding-bottom:30px; }
.blocs-bottom       { margin-top:30px; }
.trierPar       { background: url(images/h1-repeat.jpg) repeat-x left top; padding: 10px 2%; width:96%; margin-bottom: 20px; }
.nos-realisations-template article .inner .categories-inner ul  { width:38%; }
.nos-realisations-template article      { min-height: 391px; height: auto; padding-bottom: 10px; }
.categories-inner ul li     { margin-bottom: 2px; }
.nos-realisations-template article .inner a.plus            { letter-spacing: 0px }

.historique .title          { font-size: 60px; top: 50px; }
.historique     { width: 100%; margin-bottom: 20px; height:auto; margin-top: 0px;}
.historique .photo img          { width: 100%; }
.intervention       { width: 100%; height:auto; padding-bottom: 20px; background-position: left -55px; }
.intervention .inneri       { background: none; padding-top: 20px }
.blocs-bottom .inner       { background: none; }
.intervention .inneri .text     { width:98%; margin: 0px; padding: 0 1%; }
.intervention .inneri .text .title      { width:100%; padding-left: 0px; }
.header-inner           { height: 142px; position: relative !important; }
.site-header           { min-height: 142px; }
#main           { padding-top: 0px; }
a.link      { margin-left:36%; }
.notre a.link      { margin:30px 0 0 38%; }
#realisation a.voir     { right:0%; bottom: 46px; }
a.voir          { margin-left:14%; }
.historique .lien-hist      { left: 36%; right: auto; }
.presentation .inner        { width:98%; padding: 40px 1% 0; }
.main-navigation li#menu-item-302 li {
        float:left; width:100%;
	}
.flexslider .slides li .img {
    height: 350px;
}
.title_1024     { height:60px; }
.nos-specialites            { width: 98%; padding: 0 1%; }
.nos-specialites-none           { padding: 0 !important }
.categorie-metier h1            { padding: 8px 1% }
.h1-actualite a.retour          { margin-right: 4px; }
}
@media screen and (max-width: 480px) {
#realisation .photo         { width: 100%; margin-right: 20px; }
#realisation .text          { width: 100%; }
#realisation .photo-one         { width: 47%; height: 265px; }
#realisation .photo-two     { width:47%; height: auto;}
#content .bxslider li       { padding-bottom:84px; }
.historique .title          { font-size: 60px; top: 50px; }
.historique     { width: 100%; margin-bottom: 20px; height:auto}
.intervention       { width: 100%; height:auto; padding-bottom: 20px; }
.intervention .inneri       { background: none; }
.blocs-bottom .inner       { background: none; }
.intervention .inneri .text     { width:98%; margin: 0px; padding: 0 1%; }
.intervention .inneri .text .title      { width:100%; padding-left: 0px; }
.historique .photo img          { width: 100%; }
.left-footer, .menu-footer, .inscrivez           { width:100%; margin-right:0px; padding-top: 10px; border-bottom: 2px solid #1c74b8; height:auto; padding-bottom: 10px; }
footer[role="contentinfo"]      { height: auto; background: #202020; float:left; text-align: center;}
.left-footer .telefon       { float:none; }
.left-footer a.mail      { float:none; }
footer[role="contentinfo"] .inner-footer        { padding-left: 0px; }
.firm   { width:100%; margin-right:0px; padding-top: 10px; border-bottom: 2px solid #1c74b8; background-position: center 48px;  }
.firm:hover         { background-position: center 48px; }
.empty      { min-height: 170px; }
.butons     { float:left; width:100%; padding: 17px 0; }
.content           {  padding-bottom: 55px; }
#realisation a.voir        { right: 31% }
#realisation a.voir-tous        { right: 21% }
a.link      { margin-left:31%; }
.notre a.link      { margin-left:31%; }
.historique .lien-hist      { left: 27%; }
}
@media screen and (max-width: 360px) {
.site-content.details-realisations nav      { margin-right: 20%; }
#realisation .bx-wrapper            { padding: 0 32px 0 32px; }
.notre      { background: #1D74B9; height: auto; padding: 0 0 20px 0; }
.notre.active-li    { background: #1D74B9 }
.flexslider .slides li .img     { height:auto; }
.notre .inner       { width: 98%; padding: 20px 1% 0; margin-left: 0px; }
.presentation .inner       { width: 98%; padding: 20px 1% 0; margin-left: 0px; }
.desc .inner-desc       { width: 98%; padding: 20px 1% 0; margin-left: 0px; }
.flexslider .slides > li .title_1024 a.savoir-plus      { display: none; }
.flexslider .slides > li .title_1024 a.savoir-plus.doi      { padding: 0px; border: none; display: block; width:38px; height:31px; float:right; display: block; background: url(images/plus.jpg) no-repeat left top; margin-top: 3px; }
.title_1024         { height: auto; }
.historique, .blocs-bottom     { margin-top: 20px;}
#realisation { padding-top: 20px; height: 495px !important; }
#realisation .bx-wrapper .bx-viewport {  height: 400px !important; padding-bottom: 20px; }
#realisation .bx-wrapper .bx-viewport li{  }
#realisation a.voir         { width:127px; }
.main-navigation ul.nav-menu.toggled-on     { width: 60%; }
.timeline .item, #content .timeline .item       { width: 200px !important  }
.timeline.flatNav .t_left, .timeline.flatNav .t_right, #content .timeline.flatNav .t_left, #content .timeline.flatNav .t_right  { width: 58px; }
.image-metier       { width:100%; margin:0 0 20px 0; }
.categorie-metier       { width:98%; float:left; padding: 15px 1%; margin-bottom: 15px; background: url(images/h1-repeat.jpg) repeat-x left top; }
.texte-metier           { width: 98%; float:left; padding: 0 1%; margin-top: 0px; }
.nos-specialites        { padding-left: 1%; clear:both; float:left; margin: 20px 0; }
.specialites        { width: 85%; }
.nos-realisations-metiers article   { width: 100%; margin-right: 0px !important; }
.partenaires      { height:auto !important;  }
.partenaires ul     { width:100% !important; background: #1C74B8; float:left; }
#content .partenaires ul li { margin-bottom: 12px; }
.photo-recrutement      { position: relative; float:left; width:100%; display: none }
.empty      { display: none }
.recrutement        { background: none }
.recrutement .entry-title        { background: url(images/h1-repeat.jpg) repeat-x left top; clear: both; float:left; width:99%; padding-left: 1%; margin-bottom: 20px; }
.butons     { text-align: center; margin: 15px 17%; width:66%; padding: 0;}
.butons a     { display: block; margin-bottom: 10px; }
.nos-realisations-template article      { width:100%; }
.page-id-129 .entry-content>div          { width:100% !important; margin-bottom: 20px; }
.page-id-129 .entry-content>div.map          { width:100% !important; margin-bottom: 20px; }
.page-template-page-templatescontact-php .entry-content div          { width:100% !important; margin-bottom: 20px; }
.page-template-page-templatescontact-php .entry-content div.chosen-container-single          { width:920% !important; margin-bottom: 0px; }
.photo-actualites           { width:100%; }
.content           { width:100%; padding-bottom: 55px; }
.entry-header h1        { font-size: 20px; line-height:24px; }
.trierPar       { background: url(images/h1-repeat.jpg) repeat-x left top; padding: 10px 36px; margin-bottom: 20px; }
.logo           { width: 28%; top: 41px; }
#realisation .text p.title      { margin-top:10px }
.bx-wrapper .bx-controls-direction a        { top:33% !important; }
.bx-wrapper .bx-prev            { left:2px !important; }
.bx-wrapper .bx-next        { right: 2px !important }
.year           { right:2px; }
.site-content-historique .entry-header h1       { font-size:20px; line-height:24px; }
.categorie-metier h1      { font-size:20px; line-height:24px; }
.nos-specialites      { font-size:20px; line-height:24px; width:98%; padding: 0 1% }
.title-realisations      { font-size:20px; line-height:24px; margin: 20px 0; float:left; }
.text-realisations-index         { display:none }
#content .partenaires ul li     { margin-right: 20px; }
#inline_content input {
    padding: 8px 9px;
    width: 83% !important;
    margin-bottom:5px;
}
#inline_content label       { padding-top: 0px; }

a.link      { margin-left:22%; }
.notre a.link      { margin:30px 0 0 22%; }
#realisation a.voir     { right:13%; }
a.voir          { margin-left:22%; }
.historique .lien-hist      { left: 17%; right: auto; }
.trierPar .chosen-container-single span         { font-size:10px; }
#realisation .photo-one         { width: 100%; height: 265px; }
#realisation .photo-two     { width:47%; height: auto; display: none}
}

@media screen and (max-width: 320px) {
#realisation a.voir        { right: 25% }
#realisation a.voir-tous        { right: 11% }
.trierPar       { background: url(images/h1-repeat.jpg) repeat-x left top; padding: 10px 3%; margin-bottom: 20px; }
#order      { width:51%; }
a.reinitialiser     { padding-top: 5px }
.nos-realisations-template article .inner .categories-inner ul      { width: 48%; }
.actualites h1      { width: 92%; }
#cboxTitle      { line-height:11px; }
.details-realisations .entry-header         { background: #74C0FA; height: auto; clear: both; width:100%; display: inline-block; }
.actualites .entry-content          { width:86% }
.nos-specialites-none {
    padding: 0 1% !important;
}
.specialites article        { width:100%; border: none }
}

@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
width:100%;
		overflow: hidden;
	}

	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 26.041666667%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}


	.entry-header .entry-title {

	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {

	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}

.wpcf7 form .wpcf7-response-output {
  clear: both;
}

.wpcf7-form .votrecv,
.wpcf7-form .lettre,
div.wpcf7 .envoyer {
  overflow: auto;
  float: none;
}

.wpcf7-form .votrecv::after,
.wpcf7-form .lettre::after,
div.wpcf7 .envoyer::after {
  content: "";
  clear: both;
  display: table;
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}

	.entry-header .entry-title,
	.entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}