/*
Theme Name: Krinner
Theme URI: http://www.krinner.fr/
Description: Based on http://html5reset.org
Author: Tiz
Author URI: http://www.tiz.fr
Version: 1
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

	Special thanks: The Wordpress theme owes its start to an empty theme authored
		by Chris Coyier & Jeff Starr: http://digwp.com

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

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

::-webkit-input-placeholder  { color:#000; }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 12px Arial, Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

body, select, input, textarea {color: #000; background: #999; }

h1, h2 { font-weight: 400; }
h1 { font: 400 25px 'DIN Next W02 Bold Cond', Arial; color: #003F80; text-transform: uppercase; }
h1 a { color: #003F80; text-decoration: none; }
h1 span, h1 span a { color: #969696; text-decoration: none; }

.entry-content h2 { font: 400 22px 'DIN Next W02 Bold Cond', Arial; color: #BE0929; line-height: 22px; margin:0.5em 0; }
.entry-content h3 { font: 400 20px 'DIN Next W02 Bold Cond', Arial; color: #003F80; line-height: 20px; margin:0.5em 0; }
.entry-content h4 { font: 400 18px 'DIN Next W02 Bold Cond', Arial; color: #003F80; line-height: 18px; margin:0.5em 0; }
.entry-content h5 { font: 400 15px 'DIN Next W02 Bold Cond', Arial; color: #003F80; line-height: 15px; margin:0.5em 0; }
.entry-content h6 { font: 400 13px 'DIN Next W02 Bold Cond', Arial; color: #003F80; margin:0.5em 0; }

a {color: #005E99;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

#header-wrap { background: #fff; }
#header { height: 92px; position: relative; }
#nav_menu-2 { position: absolute; left: 420px; top: 27px; font-weight: 700; }
#nav_menu-2 ul { overflow: hidden; }
#nav_menu-2 li { float: left; }
#header h1 { position: absolute; top: 15px; left: 7px; }
#main-wrap { background: #fff url(_/img/bg/main.jpg) repeat-x 0 0; position: relative;  }
#main { padding-top: 20px; overflow: hidden; }

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

/* Petit menu navigation */
#nav_menu-2 a { display: inline; margin: 0 35px 0 0; color: #333; text-decoration: none; }

/* Menu principal */
.dc-mega-icon { display: inline-block; margin: 0 0 13px 3px; width: 9px; height: 5px; background: url(_/img/megamenu/mega.png) no-repeat 100% 50%; }
#dc_jqmegamenu_widget-2 { height: 35px; line-height: 35px; position: relative; z-index: 999;
/* http://www.colorzilla.com/gradient-editor/#005184+0,005e99+80;Custom */
background: #00558B; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTE4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwNWU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #005184 0%, #005e99 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005184), color-stop(80%,#005e99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #005184 0%,#005e99 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #005184 0%,#005e99 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #005184 0%,#005e99 80%); /* IE10+ */
background: linear-gradient(to bottom,  #005184 0%,#005e99 80%); /* W3C */
}
html>body #dc_jqmegamenu_widget-2 { *background: #00558B; } /* IE7 */
#dc_jqmegamenu_widget-2-item { width: 960px; margin: 0 auto; }
/* #dc_jqmegamenu_widget-2 ul { width: 940px; margin: 0 auto; padding: 0 11px 15px; } */
#dc_jqmegamenu_widget-2 ul { width: 940px; margin: 0 auto; }
#dc_jqmegamenu_widget-2 li { float: left; margin-top: 3px; }
#dc_jqmegamenu_widget-2 a { display: block; font: 16px 'DIN Next W02 Bold Cond', Arial; color: #fff; text-decoration: none; text-transform: uppercase; }
#dc_jqmegamenu_widget-2 #menu-item-33 .sub-container { position: absolute; z-index: 100; left:0 ; top: 0; width: 960px; background: #fff; }
#dc_jqmegamenu_widget-2 #menu-item-33 .sub-container ul { border-bottom: 4px solid #C52735; }
#dc_jqmegamenu_widget-2 .row { float: left; padding: 14px; border-right: 1px dotted #BDD4E3; width: auto !important; }
#dc_jqmegamenu_widget-2 ul ul { width: auto; overflow: hidden; }
#dc_jqmegamenu_widget-2 #menu-item-33 .sub-container ul ul { border: none; margin-left: -3px; }
#dc_jqmegamenu_widget-2 li li { float: none; margin-top: 0; width: 100px; height: auto !important; }
#dc_jqmegamenu_widget-2 li li a { color: #C52735; font-size: 14px; }
#dc_jqmegamenu_widget-2 li li ul { padding: 0; }
#dc_jqmegamenu_widget-2 li li li { width: auto; height: 15px !important; line-height: 15px !important; margin: 0 !important; padding: 0 !important; }
#dc_jqmegamenu_widget-2 li li li a { color: #005E99; font: 400 10px Arial, sans; letter-spacing: -1px; padding: 0 0 0 3px; }
#dc_jqmegamenu_widget-2 li li li a:hover { color: #fff; background: #003f80; }
#dc_jqmegamenu_widget-2 .megamenu-heading { float: none; width: auto; border: 0; font: 18px 'DIN Next W02 Bold Cond', Arial; color: #005e99; text-transform: uppercase; padding-bottom:0; }
#dc_jqmegamenu_widget-2 #menu-item-642 .sub-container { position: absolute; z-index: 100; left:0 ; top: 0; width: 260px; background: #fff; margin: 15px 0 0; }
#dc_jqmegamenu_widget-2 #menu-item-642 li { width: auto; margin: 4px 0; line-height: 20px; }
#dc_jqmegamenu_widget-2 #menu-item-642 li a { font-size: 18px; }
#menu-item-29 > a { width: 120px; } /* accueil */
#menu-item-33 > a { width: 127px; } /* produits */
#menu-item-642 > a { width: 163px; } /* applications */
#menu-item-741 > a { width: 180px; } /* photovoltaïque */
#menu-item-31 > a { width: 120px; } /* services */
#menu-item-30 > a { width: 150px; } /* réalisations */
#menu-item-33 .sub-container { top: 45px !important; left: -10px !important; }
#dc_jqmegamenu_widget-2 #menu-item-70 { width: 80px; } /* F-Series */
#dc_jqmegamenu_widget-2 #menu-item-323 { width: 60px; } /* K-Series */
#dc_jqmegamenu_widget-2 #menu-item-324 { width: 90px; } /* M-Series */
#dc_jqmegamenu_widget-2 #menu-item-325 { width: 70px; } /* U-Series */
#dc_jqmegamenu_widget-2 #menu-item-327 { width: 70px; } /* X-Series */
#dc_jqmegamenu_widget-2 #menu_complement a, .tiz_application #produits li.menulike a { font: 14px 'DIN Next W02 Bold Cond', Arial; color: #C52735; text-transform: uppercase; border: 0; }

.page-wrap {width: 940px; margin: 0 auto; padding: 0 10px; }

.post {}

img.alignleft { float:left; margin:0 15px 15px 0; }
img.alignright { float:right; margin:0 0 15px 15px; }

.category h2, .search-results h2 { font: 25px 'DIN Next W02 Bold Cond', Arial; color: #005e99; text-transform: uppercase; }
.category h2 a, .search-results h2 a { color: #005e99; text-decoration: none; }
.category h3, .search-results h3 { font: 18px 'DIN Next W02 Bold Cond', Arial; margin: 10px 0 10px; text-transform: uppercase; }
.category h3 a, .search-results h3 a { text-decoration: none; }
.category #main, .search-results #main { padding-bottom: 40px; }
.category #main article p { padding: 0 0 10px; }
.category #main .posts { margin: 14px 0 0; }
.category #main .post { padding: 15px 0; border-bottom: 1px solid lightgray; width: 600px; }
.search-results article { padding: 5px 0; width: 650px; }
.search-results article h2 { font-size: 18px; }

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

.hentry pre { font-family: Arial, Verdana, Tahoma, sans-serif; background:#BE0929; padding:5px; color:#FFF; margin:10px 0 0 0 }



.entry-content ul, .entry ul { margin-left:20px; }
.entry-content li, .entry li { list-style-type: disc; list-style-position: outside; }
.entry-content .cycle-slideshow { margin:0; }
.entry-content .cycle-slideshow li { list-style-type: none;  }

#meta {}
.postmetadata {}

#sidebar {}

.navigation {width: 650px;}
.next-posts {width: 150px; float: left;}
.prev-posts {width: 150px; float: right;}

#search-3 { position: absolute; top: 23px; right: 0px; }
#searchform { padding-bottom: 20px; background: url(_/img/bg/search.png) no-repeat 50% 100%; }
#s { width: 167px; padding: 1px 3px 1px 25px; margin-right: -5px; height: 21px; border: 1px solid #efefef; background: #ccc url(_/img/loupe.png) no-repeat -5px 2px; }
#searchsubmit { zoom:1; text-indent: -5000px; background: url(_/img/submit.png) no-repeat 0 0; width: 25px; height: 23px; border: 0; }

#text-5 { position: absolute; top: 0; right: 0;}
#text-5 h2 { display: none; }

.block h2, .related-posts h2 { font: 400 24px 'DIN Next W02 Bold Cond', Arial; color: #003F80; border-bottom: 1px solid #bdbdbd; }

.related-posts ul { overflow: hidden; }
.related-posts li { display: inline-block; vertical-align: bottom; width: 120px; padding: 0 10px 15px; }
.related-posts a { display: block; font: 700 11px Arial, sans; color: #005E99; text-decoration: none; text-align: center; }

#footer-wrap { clear: both; background: #999; }
#footer { width: 940px; padding-top: 15px; }
#footer * { color: #fff; }
#text-2 { float: left; width: 195px; height: 192px; }
#nav_menu-4 { float: left; width: 525px; }
#nav_menu-4 a { text-decoration: none; }
#nav_menu-4 li { float: left; width: 100px; padding-right: 27px; font: 16px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
#nav_menu-4 li li { margin: 0 0 3px; font: 700 12px Arial; text-transform: none; }
#nav_menu-4 li ul { border-top: 3px solid #fff; padding-top: 10px; }
#text-4 { float: left; width: 220px; height: 192px; }
#text-4 h2 { font: 16px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; border-bottom: 3px solid #fff; margin-bottom: 10px; }
#text-4 .wpcf7-form { margin: 5px 0; }
#text-4 .wpcf7-text{ margin: 2px 0; background: #b8b8b8; width: 207px; padding: 2px 6px; border: 0; color: #000; }
#text-4 .wpcf7-submit { float:right; margin: 3px 0 0; padding: 2px 29px 2px 5px; border: 0; color: #fff; text-decoration: underline; background: transparent url(_/img/submit.png) no-repeat 100% 0; height: auto; text-indent: 0; width: auto; }
#nav_menu-3 { float: right; width: 50%; margin-top: 10px; padding-top: 5px; border-top: 3px solid #fff; }
#nav_menu-3 li { float: right; padding-left: 15px; }
#nav_menu-3 li a { text-decoration: none; font-weight: 700; }
#text-3 { float: left; width: 50%; margin-top: 10px; padding-top: 5px; border-top: 3px solid #fff; font-weight: 700; }
#text-3 img { vertical-align: top; }

/**************/

/*! Krinner tooltip style */
.ui-tooltip-krinner { background: #C72E4D !important; border: 0 !important; color: #fff !important; font-size: 12px !important; line-height: 1.1 !important; }
.ui-tooltip-krinner .ui-tooltip-title { background: #C72E4D !important; border-color: #C72E4D !important; }
.ui-tooltip-krinner .ui-tooltip-tip { bottom: -3px !important; height: 8px !important; }

/* Bloc texte */
#texte { background: #50504F url(_/img/bg/texte.jpg) no-repeat 0 100%; width: 310px; height: 177px; padding: 15px; float: right; color: #fff; }
#texte h1, #texte h2 { color: #fff; font: 25px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }

/* Bloc Applications */
#block_applications li a.inactive img {
filter: url(_/css/filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
#block_applications li h3 a.inactive { color: #515151 !important; }

/* Bloc réalisations */
#realisations { float: right; width: 290px; }
#realisations h2 { font: 400 25px 'DIN Next W02 Bold Cond',Arial; text-transform: uppercase; color: #003F80; margin-left: 34px; }
#realisations .content { position: relative; }
#realisations .masque { position: absolute; top: 0; left: 0; z-index: 501; }
#realisations #adv-custom-caption { position: absolute; top: 4px; left: 82px; z-index: 499; font: 400 16px 'DIN Next W01 Regular',Arial; color: #f3f3f3; line-height: 100%; }
#realisations .cycle-pager { text-align: right; width: 100%; z-index: 500; position: absolute; top: -23px; right: 15px; overflow: hidden; }
#realisations .cycle-pager span { width: 16px; height: 16px; display: inline-block; cursor: pointer; text-indent: 5000px; background: url(_/img/slider_puce_off.jpg) no-repeat 0 0; }
#realisations .cycle-pager span.cycle-pager-active { background: url(_/img/slider_puce_on.jpg) no-repeat 0 0; }
#realisations #prev, #realisations #next { position: absolute; top: 4px; left: 36px; z-index: 502; }
#realisations #next { left: 62px; }
#realisations #dark { position: absolute; z-index: 498; top: 0; left: 0; width: 276px; height: 37px; background: url(_/img/bg/dark.png); }

#slider { float: right; width: 290px; margin-right: -20px; }
#slider .content { position: relative; }
#slider .masque { position: absolute; top: 0; left: 0; z-index: 501; }
#slider #adv-custom-caption { position: absolute; top: 4px; left: 82px; z-index: 499; font: 400 16px 'DIN Next W01 Regular',Arial; color: #f3f3f3; }
#slider .cycle-pager { text-align: right; width: 100%; z-index: 500; position: absolute; top: -23px; right: 15px; overflow: hidden; }
#slider .cycle-pager span { width: 16px; height: 16px; margin: 0 2px; display: inline-block; cursor: pointer; text-indent: 5000px; background: url(_/img/slider_puce_off.jpg) no-repeat 0 0; }
#slider .cycle-pager span.cycle-pager-active { background: url(_/img/slider_puce_on.jpg) no-repeat 0 0; }
#slider #prev, #slider #next { position: absolute; top: 4px; left: 36px; z-index: 502; }
#slider #next { left: 62px; }
#slider #dark { position: absolute; z-index: 498; top: 0; left: 0; width: 276px; height: 37px; background: url(_/img/bg/dark.png); }

/* Page index */
body.home #main { overflow: hidden; }
body.home h2 { clear: both; font: 400 25px 'DIN Next W01 Regular',Arial; text-align: center; text-transform: uppercase; color: #BE0A2F; }
body.home #slider { float: left; width: 760px; margin: 0 0 0 -10px; }
body.home #slider #dark { width: 760px; }
body.home #slider .cycle-pager { top: 8px; z-index: 550; width: 200px; }
body.home #slider li { height: 308px; overflow: hidden; }
body.home #slider .masque { cursor: pointer; }
body.home #guide_selection { float: left; margin: 0 -10px 0 0; position: relative; width: 183px; height: 327px; }
body.home #guide_selection #animation_pictos { position: absolute; top: 0; left: 21px; }
body.home #home_blocks { clear: both; background: url(_/img/bg/home_blocks.jpg) no-repeat 0 0; padding-top: 30px; }
body.home #home_blocks ul { margin: 0 -147px 0 0; position: relative; top: -4px; padding: 0 15px; overflow: hidden; }
body.home #home_blocks li { float: left; width: 270px; margin: 15px 30px 15px 20px; color: #005E99; font: 400 28px 'DIN Next W01 Regular',Arial; cursor: pointer; }
body.home #home_blocks .logo { float: left; width: 70px; }
body.home #home_blocks .texte { float: left; width: 150px; font-size: 18px; }
body.home #home_blocks .more { float: right; margin-top: 10px; }
body.home #home_blocks .bubble { display: none; }
body.home #mise_en_oeuvre { color: #005E99; height: 350px; background: url(_/img/bg/mise_en_oeuvre.png) no-repeat 50% 0; }
body.home #mise_en_oeuvre h2 { margin: 0 0 15px; }
body.home #mise_en_oeuvre h3 { font: 400 14px 'DIN Next W01 Regular',Arial; margin: 12px 0 12px 0; }
body.home #mise_en_oeuvre h3 span { background: #005E99; color: #fff; padding: 2px 7px 0; }
body.home #mise_en_oeuvre p { margin: 0 0 0 10px; }
body.home #mise_en_oeuvre div { float: left; width: 273px; padding: 210px 20px 0; }
body.home #mise_en_oeuvre #mo1 { background: url(_/img/home_1.png) no-repeat 20px 0; }
body.home #mise_en_oeuvre #mo2 { background: url(_/img/home_2.png) no-repeat 20px 0; }
body.home #mise_en_oeuvre #mo3 { background: url(_/img/home_3.png) no-repeat 20px 0; }
body.home #deroulement { border-bottom: 5px solid #005e99; margin:20px 0 0;  }
body.home #deroulement p {text-align:center; margin:0 0 10px; font-size:18px; color:#005E99; font-family:'DIN Next W01 Regular',Arial; }
body.home #actus { overflow: hidden; background: url(_/img/bg/actus.png) no-repeat 50% 0; }
body.home #actus li { position: relative; float: left; width: 235px; padding: 20px 0 50px; }
body.home #actus .masque { position: absolute; top: 20px; left: 0; }
body.home #actus h3 { margin: 3px 10px; font: 400 14px 'DIN Next W01 Regular',Arial; text-transform: uppercase; }
body.home #actus h3 a { text-decoration: none; }
body.home #actus .texte { margin: 3px 10px; color: #005e99; }

/* Page de contenu */
.page-template-default .post h2,
.page-template-flexsystem-php .post h2,
.page-template-page-texte-seul-php .post h2 { width: 650px; color: #969696; font: 400 24px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-default .post h3,
.page-template-flexsystem-php .post h3,
.page-template-page-texte-seul-php .post h3 { color: #005890; font: 400 18px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; margin: 15px 0 10px; clear:left; }
.page-template-default .post p,
.page-template-flexsystem-php .post p,
.page-template-page-texte-seul-php .post p { padding: 0 0 10px; }
.page-template-default #realisations { margin-top: -24px; padding-left: 20px; }
.page-template-default .entry,
.page-template-flexsystem-php .entry,
.page-template-page-texte-seul-php .entry { width: 650px; padding-bottom: 50px; }

.page-template-flexsystem-php .entry #thumbs { width: 960px; overflow: hidden;  }
.page-template-flexsystem-php .entry #thumbs li { float: left; list-style-type: none; width: 310px; }

/* Product finder */
#aide_nomenclature { position: relative; width: 600px; }
#aide_nomenclature .show_help { position: absolute; top: 129px; }
#aide_nomenclature #show_nom_1 { left: 76px; }
#aide_nomenclature #show_nom_2 { left: 112px; }
#aide_nomenclature #show_nom_3 { left: 147px; }
#aide_nomenclature #show_nom_4 { left: 192px; }
#aide_nomenclature #show_nom_5 { left: 270px; }
#help_photovoltaique { display: none; }
#telecharger_catalogue a { display: block; margin: 0 0 0 -15px; }
#decouvrez_produits a { display: block; margin: 0px 0 0 -15px; }
.page-template-product_finder-php #block_applications ul { overflow: hidden; clear: both; }
.page-template-product_finder-php #block_applications li { float: left; width: 156px; }
.page-template-product_finder-php #block_applications li .logo { float: left; width: 50px; }
.page-template-product_finder-php #block_applications li h3 { font: 400 16px 'DIN Next W02 Bold Cond', Arial; float: left; width: 80px; }
.page-template-product_finder-php #block_applications li h3 a { text-decoration: none; color: #005E99; }
.page-template-product_finder-php h1 { text-transform: uppercase; color: #003F7F; font-size: 18px; }
.page-template-product_finder-php #block_series ul { overflow: hidden;padding-bottom:20px; }
.page-template-product_finder-php #block_series li { float: left; width: 122px; padding: 0 6px 10px; border-right: 1px dotted #003F80; }
.page-template-product_finder-php #block_series li:first-child { padding-left: 0; }
.page-template-product_finder-php #block_series li .logo { float: left; width: 50px; margin-left: 14px; }
.page-template-product_finder-php #block_series li h3 { margin-top: 6px; color: #C52735; text-transform: uppercase; }
.page-template-product_finder-php #block_series li h3 a { color: #C52735; text-decoration: none; }
.page-template-product_finder-php #block_series li ul { clear: both; }
.page-template-product_finder-php #block_series li li { font: 10px Arial; padding: 0; }
.page-template-product_finder-php #block_series li li a { display: block; color: #999; text-decoration: none; padding: 1px 6px 1px 10px; }
.page-template-product_finder-php #block_series li li a.highlight { color: #fff; background: #50504F; }
.page-template-product_finder-php #block_series li li a:hover { color: #fff; background: #003F80; }

/* Page catégorie de produits */
.post-type-archive-tiz_product #presentation { float: right; width:559px; height: 125px; background: url(_/img/series/produit/bg.png) no-repeat 0 0; color: #fff; position: relative; }
.post-type-archive-tiz_product #presentation .image { position: absolute; bottom: 0; left: 0; }
.post-type-archive-tiz_product #presentation .description { position: absolute; top: 10px; left: 200px; width: 340px; }
.post-type-archive-tiz_product #presentation h2 { font: 400 16px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.post-type-archive-tiz_product #primary a { text-decoration: none; }
.post-type-archive-tiz_product table { margin-bottom: 10px; border-bottom: 1px solid #b0b0b0; }
.post-type-archive-tiz_product th { font: 400 15px 'DIN Next W02 Bold Cond', Arial; color: #999; border-bottom: 1px solid #b0b0b0; }
.post-type-archive-tiz_product td { font: 400 15px 'DIN Next W02 Bold Cond', Arial; color: #005890; border-bottom: 1px dotted #003F80; }
.post-type-archive-tiz_product td img { max-width: inherit; -ms-interpolation-mode: bicubic; }
.post-type-archive-tiz_product th.domaines_application { width: 400px; }
.post-type-archive-tiz_product th, .post-type-archive-tiz_product td { padding: 13px; text-align: left; }
.post-type-archive-tiz_product .nom_serie { font: 400 30px 'DIN Next W02 Bold Cond', Arial; color: #C52735; text-transform: uppercase; }
.post-type-archive-tiz_product .domaines_application img { width: 23px; height: 23px; }
.post-type-archive-tiz_product .domaines_application img.inactive {
filter: url(_/css/filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

/* Article */
.single-post .entry-content { margin: 30px 0 50px; }
.single-post .entry-content .attachment-post-thumbnail { display: block;  margin: 0 auto 20px; }
.single-post .entry-content p { margin: 12px 0; }

/* Fiche produit */
.tiz_product .entry-content { margin-top: 20px; }
.tiz_product .block { margin-top: 20px; }
.tiz_product #block_specifications { width: 660px; }
.tiz_product #block_specifications .content { padding: 6px 0; }
.tiz_product #block_specifications .pj { float: right; }
.tiz_product #block_specifications .pj a { display: block; text-decoration: none; text-align: center; width: 100px; padding: 0 22px; }
.tiz_product #block_specifications .specs { width: 500px;/*525*/ border-right: 1px dotted #003F80; }
.tiz_product #block_specifications .specs.no-pdf { width: 525px; border: 0; }
.tiz_product #block_applications ul { overflow: hidden; margin-left: 0; }
.tiz_product #block_applications li { width: 156px; float: left; padding: 15px 0; list-style-type: none; }
.tiz_product #block_applications a { text-decoration: none; }
.tiz_product #block_applications .logo { float: left; width: 50px; }

/* Page machines */
.page-template-machines-php h2 { color: #005890; font: 400 24px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-machines-php h3 { color: #005890; font: 400 18px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-machines-php h3 a { text-decoration: none; }
.page-template-machines-php .machines { overflow: hidden; margin: 10px; }
.page-template-machines-php .machines li { display: inline-block; vertical-align: top; width: 190px; padding: 10px 15px; }

/* Fiche machine */
.single-tiz_machine h1 a { color: #969696; text-decoration: none; }
.single-tiz_machine .illustration { margin: 10px 0; }
.single-tiz_machine #descriptif { margin: 10px 0 50px; }

/* Page réalisations */
.page-template-realisations-php h2 { color: #005890; font: 400 24px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-realisations-php h3 { color: #BE0A2F; font: 400 18px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; margin: 10px 0 0; }
.page-template-realisations-php .realisations { overflow: hidden; }
.page-template-realisations-php .realisations li { float: left; width: 293px; padding: 5px 20px 15px 0; }
.page-template-realisations-php .realisations li a { color: #005E99; font: 400 18px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; text-decoration: none; }

/* Page accessoires */
.page-template-accessoires-php h2 { color: #005890; font: 400 24px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-accessoires-php h2 a { color: #969696; text-decoration: none; }
.page-template-accessoires-php h3 { color: #005890; font: 400 18px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; margin: 10px 0 0; }
.page-template-accessoires-php a { text-decoration: none; }
.page-template-accessoires-php .accessoires { overflow: hidden; padding-bottom: 50px; }
.page-template-accessoires-php .accessoires li { display: inline-block; vertical-align: top; width: 200px; padding: 15px 15px; }

/* Pages applications */
.page-template-applications-php h2 { color: #005890; font: 400 24px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-applications-php h3 { color: #005890; font: 400 24px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-applications-php h3 a { color: #005890; text-decoration: none; }
.page-template-applications-php .application { display: inline-block; width: 310px; vertical-align: top; margin: 2em 0; }
.page-template-applications-php .application li { float: left; background: #005890; font: 400 16px 'DIN Next W02 Bold Cond', Arial; margin: 2px 4px; padding: 2px 4px; color: #fff; }

/* Pages vidéos */
.page-template-videos-php #main h2 { color: #005890; font: 400 24px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-videos-php #main li { display: inline-block; position: relative; margin: 0 0 2em; vertical-align: top; width: 310px; }
.page-template-videos-php #main .duration { position: absolute; top: 204px; right: 17px; padding: 1px 4px; background: #000; opacity: 0.75; color: #fff; }
.page-template-videos-php h3 { clear:left; margin: 10px 0 0; color: #BE0A2F; font: 400 18px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-videos-php h4 { padding-right: 15px; color: #005890; font: 400 18px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; }
.page-template-videos-php h4 a { color: #005890; text-decoration: none; }
/* Fiche application */
.tiz_application { overflow: hidden; }
.tiz_application #texte { height: 244px; }
.tiz_application .illustration { position: relative; height: 263px; }
.tiz_application .illustration img { position: absolute; top: 0; left: 0; }
.tiz_application .illustration img.masque { top: -1px; }
.tiz_application #galerie { float: left; width: 600px; min-height: 100px; margin: 15px 0 0 0; }
.tiz_application #galerie ul { overflow: hidden; }
.tiz_application #galerie li { float: left; margin: 0 8px 29px 0; }
.tiz_application #galerie li a { display: block; position: relative; width: 189px; height: 152px; }
.tiz_application #galerie li a img { display: block; position: absolute; top: 0; left: 0; }
.tiz_application #tags { float: left; width: 340px; padding-bottom: 2em; }
.tiz_application #tags ul { overflow: hidden; }
.tiz_application #tags li { float: left; background: #005890; font: 400 16px 'DIN Next W02 Bold Cond', Arial; margin: 2px 4px; padding: 2px 4px; }
.tiz_application #tags li.inactive { background: #ccc; }
.tiz_application #tags li a { text-decoration: none; color: #fff; }
.tiz_application #produits { float: left; width: 340px; }
.tiz_application #produits h2 { color: #005992; font: 400 25px 'DIN Next W02 Bold Cond', Arial; text-transform: uppercase; padding-bottom: 7px; }
.tiz_application #produits ul { overflow: hidden; }
.tiz_application #produits li { display: inline-block; vertical-align: top; width: 105px; padding-right: 5px; font-size: 10px; list-style-type: none; }
.tiz_application #produits li a { color: #005e99; text-decoration: none; }
.tiz_application #produits li .logo { float: left; width: 50px; }
.tiz_application #produits li h3 { color: #C52735; text-transform: uppercase; }
.tiz_application #produits li ul { clear: both; margin-bottom: 10px; }
.tiz_application #produits li li { display: block; padding: 0; width: auto; }

/* Fiche réalisation */
.tiz_reference h2.page-title { font: 400 24px 'DIN Next W02 Bold Cond', Arial; color: #969696; text-transform: uppercase; margin-left: 25px; }
.tiz_reference h2.page-title a { color: #969696; text-decoration: none; }
.tiz_reference .illustration { position: relative; height: 258px; width: 670px; float: left; }
.tiz_reference .illustration img { position: absolute; top: 0; left: 0; }
/*.tiz_reference .illustration img.masque { top: -1px; }*/
.tiz_reference #slider { float: left; }
.tiz_reference #descriptif, .tiz_reference #block_applications { margin-top: 20px; }
.tiz_reference #descriptif { float: left; width: 400px; padding-right: 60px; color: #333; }
.tiz_reference #descriptif p { margin: 1em 0; }
.tiz_reference #block_applications { float: left; width: 480px; }
.tiz_reference #block_applications ul { overflow: hidden; }
.tiz_reference #block_applications li { width: 200px;/*160*/ float: left; padding: 15px 0; list-style-type: none; }
.tiz_reference #block_applications li h3 { font: 400 16px 'DIN Next W02 Bold Cond', Arial; color: #005E99; }
.tiz_reference #block_applications li h3 a { text-decoration: none; }
.tiz_reference #block_applications li.inactive h3 a { color: #515151 !important; }
.tiz_reference #block_applications .logo { float: left; width: 50px; }
.tiz_reference #autres_realisations { clear: both; padding-bottom: 50px; }
.tiz_reference #autres_realisations h2 { margin-bottom: 20px; }
.tiz_reference #autres_realisations ul { overflow: hidden; }
.tiz_reference #autres_realisations li { float: left; margin-right: 10px; list-style-type: none; }
.tiz_reference #autres_realisations img.masque { margin-left: -205px; }

/* Page contact */
.page-template-contact-php #texte { width: 200px; height: 238px; padding: 10px 50px; background: url(_/img/bg/contact_texte.png) no-repeat 0 0; }
.page-template-contact-php #texte p { margin: 1em 0; }
.page-template-contact-php #texte a { color: #fff; }
.page-template-contact-php #formulaire { height: 270px; }
.page-template-contact-php #formulaire h2 { font: 400 24px 'DIN Next W02 Bold Cond', Arial; color: #003F80; background: url(_/img/chevrons.jpg) no-repeat 0 50%; border-bottom: 1px solid #b8b8b8; padding: 0 0 0 20px; margin: 20px 0 10px; }
#wpcf7-f3-p9-o1 { margin: 0 30px 0 0; border-right: 1px dotted #000; background: url(_/img/bg/contact_champs.png) repeat-x 0 0; overflow: hidden; }
.page-template-contact-php .wpcf7-text { float: left; margin: 0 20px 12px; background: #b8b8b8; width: 207px; padding: 6px 6px; border: 0; color: #000; }
.page-template-contact-php .wpcf7-textarea { float: right; margin: 0 20px 12px; background: #b8b8b8; width: 324px; height: 142px; padding: 2px 6px; border: 0; color: #000; resize: none; }
.page-template-contact-php .wpcf7-submit { float:right; width: 331px; height: 37px; margin: -12px 20px 0 0; border: 0; background: #fff url(_/img/contact_envoyer.png) no-repeat 100% 100%; text-indent: -5000px; }
.wpcf7-response-output { clear: both; }
.wpcf7-not-valid-tip { display: none; }

/* Page plan du site */
.page-template-plan_site-php h2 { font: 400 24px 'DIN Next W02 Bold Cond', Arial; color: #969696; text-transform: uppercase; }
.page-template-plan_site-php .post_type { margin: 8px 0; }
.page-template-plan_site-php .post_type li, .page-template-plan_site-php .page_item { display: inline-block; vertical-align: top; padding: 2px 4px; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}