/*--------------------------------------------------------------------------------
Theme Name: Stradal Energie
Theme URI: http://www.strateo.fr/
Description: Strateo* - Agence de communication Le Mans
Author: Strateo*
Author URI: http://www.strateo.fr
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html 
Version: 1.0.0
Designed & Handcrafted by Strateo* for Stradal
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
----------


0. CSS Reset & Clearfix
1. Document Setup (body, common classes, vertical rhythm, structure etc)
3. Header Styles
4. Navigation & Menus
5. Main Content Styles
6. Post Content Styles
7. Comments
8. Pagination
9. Footer Styles
10. Page Templates
11. Widgets
12. Shortcode Styles 


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



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



/* 0. CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/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: inherit;
font-size: 100%;
vertical-align: baseline;
}

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

body {
line-height: 1;
}

ol,
ul {
list-style: none;
}

blockquote,q {
quotes: none;
}



blockquote:before,

blockquote:after,

q:before,

q:after {
content: '';
content: none;
}



table {
border-collapse: collapse;
border-spacing: 0;
}



.clear {
clear: both;
}



.clear20 {
clear: both;
height: 20px;
}



.clear40 {
clear: both;
height: 40px;
}



.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}



.clearfix {
display: inline-block;
}



.clearfix {
display: block;
}



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



.align-left {
float: left;
}



.align-right {
float: right;
}



.align-center {
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}



::selection {
color: #ffffff;
background: #EC6825;
}



::-moz-selection {
color: #ffffff;
background: #EC6825;
}



::-o-selection {
color: #ffffff;
background: #EC6825;
}



::-webkit-selection {
color: #ffffff;
background: #EC6825;
}



img {
display: block;
}



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



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



/***      TYPO      ***/



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



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



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



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



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



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



.col-2,

.bloc_pdt {
float: left;
width: 340px;
margin-right: 20px;
}



.col-2-last,

.bloc_pdt-last {
float: left;
width: 340px;
margin-right: 0;
}



/*.col-1 { width: 60px; margin-right: 20px; float: left; }



.col-2 { width: 140px; margin-right: 20px; float: left; }



.col-3 { width: 220px; margin-right: 20px; float: left; }



.col-4 { width: 300px; margin-right: 20px; float: left; }



.col-5 { width: 380px; margin-right: 20px; float: left; }



.col-6 { width: 460px; margin-right: 20px; float: left; }



.col-7 { width: 540px; margin-right: 20px; float: left; }



.col-8 { width: 620px; margin-right: 20px; float: left; }



.col-9 { width: 700px; margin-right: 20px; float: left; }



.col-10 { width: 780px; margin-right: 20px; float: left; }



.col-11 { width: 860px; margin-right: 20px; float: left; }



.col-12 { width: 940px; margin-right: 20px; float: left; }







.col-1-last { width: 60px; margin-right: 0px; float: left; }



.col-2-last { width: 140px; margin-right: 0px; float: left; }



.col-3-last { width: 220px; margin-right: 0px; float: left; }



.col-4-last { width: 300px; margin-right: 0px; float: left; }



.col-5-last { width: 380px; margin-right: 0px; float: left; }



.col-6-last { width: 460px; margin-right: 0px; float: left; }



.col-7-last { width: 540px; margin-right: 0px; float: left; }



.col-8-last { width: 620px; margin-right: 0px; float: left; }



.col-9-last { width: 700px; margin-right: 0px; float: left; }



.col-10-last { width: 780px; margin-right: 0px; float: left; }



.col-11-last { width: 860px; margin-right: 0px; float: left; }



.col-12-last { width: 940px; margin-right: 0px; float: left; }*/



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



/* 1. Document Setup/*--------------------------------------------------------------------------------*/



body {
font-family: "Arial","Helvetica","sans-serif";
background: url(images/background_home_bleu.jpg) repeat 0 0 transparent;
background-position: top center;
}



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



#col_right h3 {
	background-color: #ec6825;
    color: #ffffff;
    font-family: 'TeXGyreHerosCnBold';
    font-size: 18px;
    margin-bottom: 20px;
	font-weight: normal;
    margin-top: 10px;
    padding: 10px 20px;
    text-shadow: 0 1px 0 #b14e1c;	
}



/* 20px 10px */



h3 span {
text-transform: none;
color: #786855;
}



/* 20px 10px */



#col_right h4 {
	margin-bottom: 20px;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #EC6825;
	text-transform: uppercase;
	font-family: 'TeXGyreHerosCnBold',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color: #EC6825;
}



/* 15px 10px */



h5 {
padding: 5px 0 5px 0;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #808080;
}



/* 12px 10px */



p {
padding: 5px 0 5px 0;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #808080;
}



/* 10px 10px */



strong {
font-weight: bold;
}



em {
color: #808080;
}



.yellow {
color: #ffaa00;
}



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



a {
text-decoration: none;
color: #EC6825;
}



a:hover {
text-decoration: none;
color: #4d4d4d;
}



a,

a:link,

a:visited,

a:hover,

a:active {
outline: none;
}



/*a {


-webkit-transition: all 0.2s ease-in-out;


-moz-transition: all 0.2s ease-in-out;


-o-transition: all 0.2s ease-in-out;


transition: all 0.2s ease-in-out;


}*/



#wrap {
z-index: 20;
position: relative;
width: 940px;
margin: 0 auto;
padding: 0 20px;
background-color: #FFFFFF;
}



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



/* 3. Header Styles/*--------------------------------------------------------------------------------*/



#header {
position: relative;
}



#header-wrap {
position: relative;
height: 190px;
margin-bottom: 15px;
}



#header {
width: 940px;
height: 190px;
margin: 0 auto;
background: url("images/header_bourneuf.jpg") no-repeat scroll right 0 transparent;
}



#header #phrase_logo {
position: absolute;
bottom: 87px;
width: 200px;
height: 38px;
text-indent: -9999px;
background: url("images/logo_activite_energie.png") no-repeat scroll 0 0 transparent;
}



#logo {
position: absolute;
bottom: 0;
width: 200px;
height: 67px;
}



#logo h1 {
text-indent: -9999px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
color: #ffffff;
background: url("images/logo_stradal.png") no-repeat scroll 0 0 transparent;
}



/* 20px 10px */



  #logo h1 a {
display: block;
width: 220px;
height: 150px;
color: #ffffff;
}



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



/* 4. Navigation & Menus/*--------------------------------------------------------------------------------*/



#menu_horizontal {
z-index: 98;
position: relative;
left: -30px;
width: 1000px;
height: 72px;
background: url("images/bg_menu_horizontal_orange.png") no-repeat scroll 0 0 transparent;
}



.menu {
position: relative;
margin: 0 auto;
}



#menu_horizontal ul {
display: block;
z-index: 100;
width: 970px;
height: 67px;
margin: 0 auto;
padding-top: 5px;
padding-left: 10px;
}



#menu_horizontal .menu li {
display: block;
float: left;
height: 67px;
margin-right: 10px;
padding-right: 11px;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
font-family: 'TeXGyreHerosCnBold',Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 26px;
list-style-type: none;
color: #FFFFFF;
background: url("images/bg_menu_horizontal_separateur_orange.png") no-repeat scroll right 0 transparent;
}



#menu_horizontal .menu li a {
display: block;
height: 47px;
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
letter-spacing: 0.1px;
color: #FFFFFF;
}



.menu li:hover {
position: relative;
}



.menu li.current-menu-item {
position: relative;
}



#menu_horizontal .sub-menu {
display: none;
z-index: 1000;
position: absolute;
width: 180px;
height: auto;
padding: 0;
border-top: solid 5px #B14E1C;
font-family: 'TeXGyreHerosRegular';
background-color: #EC6825;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}



#menu_horizontal .sub-menu li {
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border-top: solid 1px #e5e5e5;
border-top: 1px solid #F18E5C;
border-bottom: 1px solid #B14E1C;
text-align: left;
font-family: 'TeXGyreHerosRegular';
font-size: 12px;
line-height: normal;
background: none;
}



#menu_horizontal .sub-menu li:hover {
position: relative;
top: 0;
}



#menu_horizontal .sub-menu li:first-child,

.sub-menu li:first-child:hover {


border-top: none;
}



/*.menu li a {
display: block;
padding: 5px 11px 25px;
color: #786855;
}*/



.menu li:hover a,
#primary-menu.menu li.current-menu-item a,
#primary-menu.menu li.current-menu-ancestor a{
	color: #ffffff;
	background-color: #F18E5C;
}



#menu_horizontal .menu li:hover ul.sub-menu li a {
background: none;
}



.menu li.current-menu-parent a,

.menu li.current-menu-item a {
color: #ffffff;
}



.menu li .sub-menu li,

#menu_horizontal .sub-menu li a,

#menu_horizontal .menu li:hover .sub-menu li a {
display: block;
height: auto;
height: auto;
padding: 8px 20px;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
font-family: "Arial","Helvetica","sans-serif";
font-size: 13px;
font-weight: normal;
line-height: 19px;
color: #FFFFFF;
}



#menu_horizontal .sub-menu li a:hover,

#menu_horizontal .menu li:hover .sub-menu li a:hover {
color: #ffffff;
background-color: #F18E5C;
}



/*#menu-item-72 { text-indent:-9999px;}



	#menu-item-72 a{ background:url("images/picto_home.jpg") no-repeat scroll 0 10px transparent; width:10px; height:20px;}



	#menu-item-72 a:hover{ background:url(images/picto_home_hover.jpg) no-repeat scroll 0 10px transparent; width:10px; height:20px;}



	.menu li#menu-item-72 a { padding:5px 10px 25px 0; }







#menu-item-100 { float:right; margin-right:0px;}



	#menu-item-100 a { color: #B2C900; }



	#menu-item-100 a:hover { color: #786855; }



	li#menu-item-100{ background:none; }*/



#widgets li.widget ul.sub-menu {
display: block;
z-index: auto;
position: relative;
width: auto;
margin-top: 5px;
margin-left: 10px;
padding: 0;
border-top: medium none;
background: none repeat scroll 0 0 transparent;
box-shadow: none;
}



#widgets li.widget ul.sub-menu li {
border: none;
}



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



/* 5. Main Content Styles/*--------------------------------------------------------------------------------*/



#content_home {
}



#content {
}



.line {
height: 1px;
margin: 0;
background: url(images/line.png) no-repeat scroll 0 0 transparent;
}



#col_left {
float: left;
width: 220px;
}



#col_right {
float: right;
width: 700px;
}



.separator {
position: relative;
width: 20px;
height: 1px;
margin: 10px 0;
background-color: #5ba1d4;
}



.page-content .post_intro {
margin-bottom: 20px;
}



.page-content .post_intro p {
padding: 5px 0;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-style: italic;
font-weight: normal;
line-height: 20px;
color: #808080;
}



#col_right .btn_retour {
margin-top: 20px;
padding-top: 5px;
border-top: 1px dashed #97BF0D;
}



#col_right .btn_retour p {
text-align: right;
}



#col_right .btn_retour p a {
color: #97BF0D;
}



#col_right .btn_retour p a:hover {
color: #786855;
}



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



.breadcrumb,

.separateur {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
font-size: 13px;
}



.breadcrumb .bg_zebre,

.separateur .bg_zebre {
line-height: 13px;
background: url("images/ligne_separateur.png") repeat-x scroll center center transparent;
}



.breadcrumb a,

.separateur .bg_zebre span a {
color: #EC6825;
}



.breadcrumb a:hover,

.separateur .bg_zebre span a:hover {
color: #4d4d4d;
}



.breadcrumb ul {
display: inline;
padding-right: 15px;
line-height: 13px;
background-color: #FFFFFF;
}



.breadcrumb ul li {
float: left;
font-family: Arial,Helvetica,sans-serif;
color: #808080;
background-color: #ffffff;
}



#zone_toTop {
text-align: right;
}



.separateur .bg_zebre span {
padding-right: 0;
padding-left: 10px;
font-family: 'TeXGyreHerosRegular';
font-size: 12px;
color: #EC6825;
background-color: #FFFFFF;
}



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







  Menu left*/



 #col_left ul {
}



#col_left ul li {
position: relative;
left: -30px;
width: 250px;
margin-bottom: 5px;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
font-family: 'TeXGyreHerosCnBold';
}



#col_left ul li a:hover,

#col_left ul li.current_page_item a/*#col_left ul li.current-cat */



 {
background: url("images/bloc_titre_page_bleu.png") no-repeat scroll 0 0 transparent;
}



#col_left ul li a {
display: block;
padding: 15px 20px 10px 30px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
font-family: 'TeXGyreHerosCnBold';
font-size: 15px;
line-height: 17px;
color: #FFFFFF;
background: url("images/bloc_titre_page_orange.png") no-repeat scroll 0 0 transparent;
}



#col_left ul li a h3 {
margin: 0;
padding: 0;
border-bottom: none;
text-transform: none;
font-family: 'TeXGyreHerosCnBold';
font-size: 15px;
font-weight: normal;
line-height: 17px;
color: #FFFFFF;
}



#col_left ul.children {
margin: 20px 0 0;
}



#col_left ul.children li a {
padding: 0;
text-shadow: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: normal;
color: #808080;
background: none;
}



#col_left ul.children li {
left: 0;
width: 208px;
padding-left: 12px;
background: url("images/puce_raquo.png") no-repeat scroll 0 6px transparent;
}



#col_left ul.children li a:hover {
color: #EC6825;
}



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



#bloc_content {
position: relative;
width: 940px;
min-height: 460px;
}



.bloc_1_home{

	position:relative;

	width:940px;

	margin-bottom:20px;	
}



	.bloc_2_home{

		position:relative;

		width:940px;

		margin-bottom:0;	

	}



.bloc_left_home {
float: left;
position: relative;
width: 460px;
margin-right: 20px;
}



.bloc_right_home {
float: right;
width: 460px;
}



	.bloc_left_home .illu img,

	.bloc_right_home .illu img{ position:relative; width:460px; height:250px;}





#bloc_content .bloc_left_home h3 {
display: inline-block;
position: absolute;
top: 40px;
left: -10px;
height: 43px;
margin-bottom: 0;
padding: 0 20px;
border-bottom: medium none;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
text-transform: none;
font-family: 'TeXGyreHerosCnRegular';
font-size: 24px;
font-weight: normal;
line-height: 47px;
list-style-type: none;
color: #FFFFFF;
background: url("images/btn_titre_content_off.png") no-repeat scroll 0 0 transparent;
z-index: 100;
}



#bloc_content .bloc_right_home h3 {
display: inline-block;
position: absolute;
top: 40px;
right: -10px;
left: auto;
height: 43px;
margin-bottom: 0;
padding: 0 20px;
border-bottom: medium none;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
text-transform: none;
font-family: 'TeXGyreHerosCnRegular';
font-size: 24px;
font-weight: normal;
line-height: 47px;
list-style-type: none;
color: #FFFFFF;
background: url("images/btn_titre_content_off.png") no-repeat scroll right bottom transparent;

	z-index: 100;
}

	#bloc_content .bloc_left_home h3 a, #bloc_content .bloc_right_home h3 a { color: #ffffff; }
	#bloc_content .bloc_left_home h3 a:hover, #bloc_content .bloc_right_home h3 a:hover { color: #ec6825; }



#zone_texte_home {
position: relative;
margin-top: 15px;
}



.page-content #col_right h2 {
position: relative;
width: 730px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
font-family: 'TeXGyreHerosCnRegular';
background: url("images/fond_titre_page.png") no-repeat scroll 0 0 transparent;
}



.page-content #col_right h2 span {
display: block;
padding: 15px 30px 10px 10px;
font-size: 23px;
color: #FFFFFF;
}



.page #col_right ul#lst_cat_pdt {
width: 720px;
margin: 0;
padding: 0;
overflow: auto;
}



.page #col_right li.bloc_pdt {
float: left;
width: 340px;
margin-right: 20px;
margin-bottom: 15px;
list-style-type: none;
}



.page #col_right li.bloc_pdt h3 {
padding: 0;
border: none;
}



.page #col_right li.bloc_pdt h3 a {
display: block;
padding: 5px 5px 5px 20px;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
font-family: 'TeXGyreHerosCnBold';
line-height: 30px;
color: #ffffff;
background-color: #EC6825;
}



.page #col_right li.bloc_pdt h3 a:hover {
background-color: #808080;
}



.page #col_right li.bloc_pdt .img_illu {
margin-bottom: 10px;
}



.page #col_right li.bloc_pdt .img_illu a img {
padding: 0;
}



.page #col_right li.bloc_pdt .txt a {
display: block;
color: #808080;
}



.page #col_right li.bloc_pdt .txt a:hover {
color: #EC6825;
}



#col_right .bloc_pdt img,

#col_right .bloc_pdt-last img {
position: relative;
margin-bottom: 20px;
}



#col_right .bloc_pdt-last .titre {
width: 370px;
margin-top: -5px;
margin-bottom: 20px;
margin-bottom: 0;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
font-family: 'TeXGyreHerosCnRegular';
background: url("images/bloc_titre_pdt.png") no-repeat scroll 0 0 transparent;
}



#col_right .bloc_pdt-last .titre h3 {
margin-bottom: 15px;
padding: 15px 30px 10px 10px;
border: 0;
text-transform: none;
font-family: 'TeXGyreHerosCnBold';
color: #ffffff;
}



table#table_realisations {
margin-top: 20px;
text-align: left;
font-size: 12px;
}



table#table_realisations tr.head {
background-color: #f18e5c;
}



table#table_realisations tr.head th {
padding: 10px 5px;
font-weight: bold;
color: #FFFFFF;
}



table#table_realisations tr td {
padding: 10px 5px;
border-bottom: 1px solid #cccccc;
vertical-align: middle;
color: #4d4d4d;
}



#col_right h4 span a {
text-shadow: none;
font-family: 'TeXGyreHerosCnBold';
font-size: 16px;
color: #4d4d4d;
}



#col_right h4 span a:hover {
color: #ffffff;
}



.page-content #col_right.actualite h3 {
display: inline-block;
position: relative;
width: 730px;
margin-bottom: 20px;
margin-top:0px;
padding: 0;
border-bottom: none;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
font-family: 'TeXGyreHerosCnRegular';
font-weight: normal;
line-height: normal;
background: url("images/fond_titre_page.png") no-repeat scroll 0 0 transparent;
}



.page-content #col_right.actualite h3 span {
display: block;
float: left;
width: 583px;
padding: 15px 30px 10px 10px;
font-size: 20px;
color: #FFFFFF;
}



.page-content #col_right.actualite h3 span.date_art {
float: left;
width: 70px;
margin-top: 5px;
padding: 10px;
border-right: 3px solid #FFFFFF;
text-align: center;
text-shadow: 0 1px 0 #B14E1C;
background-color: #EC6825;
}



.page-content #col_right.actualite .page-banner {
width: 700px;
height: 180px;
margin-bottom: 15px;
}



.page-content #col_right.actualite .page-banner img {
width: 700px;
height: 180px;
overflow: hidden;
}



.page-content #col_right.actualite p.cat_actu {
margin-top: 10px;
font-size: 12px;
}



.page-content #col_right.actualite .separateur_fin_art {
height: 5px;
margin: 10px 0;
background: url("images/ligne_separateur_clair.png") repeat-x scroll 0 center transparent;
}



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



#intro {
margin: 30px 0 30px 0;
}



#intro h2 {
padding: 5px 0 5px 0;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 25px;
color: #ffaa00;
}



/* 15px 10px */



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



#qualities {
width: 960px;
margin: 30px -20px 30px 0;
}



.quality-title h3 {
padding: 5px 0 5px 0;
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #4d4d4d;
}



/* 12px 10px */



.quality-content p {
text-align: center;
}



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



#last-thumbs {
width: 960px;
margin: 30px -20px 0 0;
}



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



.page {
}



.page-title {
margin: 0 0 30px 0;
}



.page-banner {
width: 700px;
height: 180px;
margin-bottom: 30px;
}



.page-banner img {
width: 700px;
height: 180px;
overflow: hidden;
}



.page-content {
margin: 0 0 0 0;
}



.page-content a img {
margin: 0 auto;
}



.page-content .thumb a img {
margin: 0;
padding: 0;
}



.page-title h3 {
padding: 2px 0 3px 0;
text-align: center;
text-transform: uppercase;
font-family: "GestaSemiCondensed";
font-size: 23px;
font-weight: normal;
line-height: 30px;
color: #ffaa00;
}



/* 15px 10px */



/*.page-content h4 {
margin-top: 10px;
margin-bottom: 20px;
padding: 10px 20px;
text-shadow: 0 1px 0 #B14E1C;
font-family: 'TeXGyreHerosCnBold';
font-size: 18px;
color: #FFFFFF;
background-color: #EC6825;
}*/



.page-content p {
padding: 5px 0 5px 0;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #808080;
}



/* 10px 10px */



.page-content #col_right p strong {
color: #EC6825;
}



.page-content #col_right .post_intro p strong {
font-size: 13px;
color: #97BF0D;
}



.cross_line {
height: 5px;
margin: 10px 0;
background-color: #e6e6e6;
}



.page-content #col_right .img_txt {
float: left;
position: relative;
width: 220px;
margin-right: 20px;
}



.page-content #col_right .img_txt_last {
float: right;
position: relative;
width: 460px;
margin-right: 0;
text-align: justify;
}



.page-content #col_right ul {
margin-left: 40px;
padding: 5px 0;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #808080;
}



.page-content #col_right ul.post-categories {
display: inline;
margin-left: 0;
padding: 5px 0;
font-size: 11px;
font-weight: normal;
line-height: 20px;
color: #808080;
}



.page-content #col_right ul li {
margin-bottom: 5px;
list-style-type: circle;
}



.page-content #col_right ul li strong {
color: #EC6825;
}



.page-content #col_right ul.post-categories li {
float: left;
margin-bottom: 0;
list-style-type: none;
}



.page-content pre {
display: inline-block;
position: relative;
margin-top: 20px;
margin-bottom: 5px;
border-radius: 2px 2px 2px 2px;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 18px;
color: #FFFFFF;
background-color: #97BF0D;
}



.page-content pre:hover {
background-color: #786854;
}



.page-content pre a {
display: block;
padding: 5px 10px;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
}



#col_right ul#img_carrousel,

#col_right ul#chronologie {
width: 720px;
margin: 0;
margin-bottom: 20px;
padding: 0;
overflow: auto;
}



#col_right ul#img_carrousel li {
float: left;
position: relative;
width: 160px;
margin-right: 20px;
margin-bottom: 0;
list-style-type: none;
}



#col_right ul#chronologie {
}



#col_right ul#chronologie li {
float: left;
position: relative;
width: 114px;
margin-bottom: 0;
padding: 10px;
min-height: 50px;
border-left: 1px solid #ffffff;
text-align: center;
font-size: 12px;
line-height: 16px;
list-style-type: none;
color: #ffffff;
background-color: #F18E5C;
}



#col_right ul#chronologie li.fin {
width: 30px;
padding: 0;
min-height: 70px;
border: none;
background: url("images/fin_chrono.png") no-repeat scroll 0 center transparent;
}




#col_right .txt_photo_droite{ position:relative; }
	#col_right .txt_photo_droite .texte{ position:relative; width:380px; float:left; margin-right:20px; }
	#col_right .txt_photo_droite .photo{ position:relative; width:300px; float:right; }

#col_right .txt_photo_gauche{ position:relative; }
	#col_right .txt_photo_gauche .texte{ position:relative; width:380px; float:right; }
  	#col_right .txt_photo_gauche .photo{ position:relative; width:300px; float:left; margin-right:20px; }


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



.thumbs ul {
margin-right: -20px;
}



.thumbs li {
float: left;
margin-right: 20px;
}



.thumb-description {
width: 220px;
}



.thumb {
width: 216px;
height: 128px;
margin: 10px 0 10px 0;
padding: 2px;
overflow: hidden;
background-color: #e5e5e5;
}



.thumb:hover {
background-color: #ffaa00;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}



.thumb a {
display: block;
width: 216px;
height: 128px;
}



.thumb-overlay {
display: none;
position: absolute;
width: 174px;
height: 106px;
padding: 10px 20px;
border: solid 1px #ffffff;
background-color: rgba(0,0,0,0.5);
}



.thumb-overlay .line {
width: 20px;
background: none;
background-color: #ffaa00;
}



.thumb img {
width: 214px;
height: 126px;
border: solid 1px #ffffff;
}



.thumb-description h4 {
padding: 5px 0 5px 0;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #4d4d4d;
}



/* 12px 10px */



.thumb-description p strong {
font-weight: normal;
}



.thumb-overlay h5 {
padding: 5px 0 15px 0;
font-size: 13px;
font-weight: bold;
line-height: 20px;
color: #ffffff;
}



/* 10px 10px */



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



input,

textarea {
padding: 8px 10px 7px 10px;
font-family: "Arial","Helvetica","sans-serif";
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #808080;
}



/* 10px 10px */



input[type="submit"] {
padding: 8px 10px 7px 10px;
font-family: "Arial","Helvetica","sans-serif";
font-size: 13px;
font-weight: bold;
line-height: 20px;
color: #ffffff;
}



/* 10px 10px */



input[type="text"],

textarea {
border: 1px solid #cccccc;
border-radius: 2px;
background-color: #ffffff;
}



input[type="text"] {
width: 318px;
margin: 0 0 10px 0;
}



textarea {
width: 678px;
height: 150px;
margin: 0 0 20px 0;
}



input[type="submit"] {
margin: 0 0 10px 0;
border: 0;
border-radius: 2px;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
background-color: #EC6825;
cursor: pointer;
}



input[type="submit"]:hover {
background-color: #005aaa;
}



p.legende {
text-align: right;
font-size: 11px;
font-style: italic;
}



#col_right select {
display: inline-block;
width: 340px;
padding: 6px;
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-size: 13px;
color: #808080;
cursor: pointer;
}



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



/* 6. Post Content Styles/*--------------------------------------------------------------------------------*/



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



/* 7. Comments/*--------------------------------------------------------------------------------*/



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



/* 8. Pagination/*--------------------------------------------------------------------------------*/



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



/* 9. Footer Styles/*--------------------------------------------------------------------------------*/



#footer {
z-index: 10;
position: relative;
margin-top: -20px;
color: #FFFFFF;
background: url("images/bg_footer.png") repeat scroll 0 0 transparent;
}



#footer #footer_content {
width: 940px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 20px;
}



#widgets-wrap {
padding: 20px 0;
background: url(images/footer_bourneuf.jpg) no-repeat scroll 0 0 transparent;
}



#widgets {
width: 940px;
margin: 0 auto;
}



#widgets ul {
margin-right: -20px;
}



.widget {
float: left;
width: 220px;
margin-right: 20px;
text-shadow: none;
}



li.widget {
margin-right: 10px;
padding-right: 10px;
background: url("images/bg_content_footer.png") repeat-y scroll right 0 transparent;
}



li.widget.last {
margin-right: 0;
padding-right: 0;
background: none;
}



.title_footer {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #131931;
background: url("images/ligne_separateur_footer.png") repeat-x scroll center 7px transparent;
}



.widget h5 {
display: inline-block;
padding: 0;
padding-right: 10px;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
font-family: 'TeXGyreHerosCnRegular',Arial,Helvetica,sans-serif;
font-size: 19px;
background: url("images/bg_footer_10_10.png") repeat scroll 0 0 transparent;
}



.widget-instagram h5 {
margin-bottom: 20px;
}



.widget-instagram ul {
margin: 0 -20px -20px 0;
}



.widget-instagram li {
float: left;
width: 56px;
height: 56px;
margin: 0 20px 20px 0;
border: solid 2px #808080;
background-color: #ffffff;
}



.widget-instagram li:hover {
border: solid 2px #ffaa00;
}



.widget-instagram li a {
display: block;
width: 56px;
height: 56px;
}



#infos-wrap {
padding: 20px 0;
background-color: #ffffff;
}



#infos {
width: 940px;
margin: 0 auto;
}



#credits {
}



#credits p.date {
float: left;
}



#credits p.signature {
float: right;
}



#backtotop {
float: right;
}



#widgets h5 {
font-size: 19px;
font-weight: normal;
color: #ffffff;
}



/* 10px 10px */



#widgets p {
padding: 5px 0 5px 0;
text-shadow: none;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #ffffff;
}



/* 10px 10px */



#widgets p strong {
color: #ffffff;
}



#widgets a {
padding: 5px 0 5px 0;
text-shadow: none;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #ffffff;
}



/* 10px 10px */



#widgets a:hover {
color: #EC6825;
}



#widgets .menu li:hover a {
background-color: transparent;
}



#infos p {
padding: 5px 0 5px 0;
font-size: 11px;
font-weight: normal;
line-height: 20px;
color: #cccccc;
}



/* 8px 10px */



#infos a {
color: #808080;
}



#infos a:hover {
color: #EC6825;
}



#widgets li.widget ul {
margin: 0;
}



#widgets .widget_nav_menu li {
display: block;
float: none;
height: auto;
margin-right: 0;
margin-bottom: 8px;
padding-left: 15px;
background: none;
background: url(images/puce_small.png) no-repeat scroll 0 6px transparent;
}



#widgets .widget_nav_menu li a {
padding: 0;
line-height: 16px;
}



#widgets .menu {
width: 220px;
}



#widgets #actu_footer {
position: relative;
width: 220px;
margin-top: 5px;
}



#widgets #actu_footer li {
margin-bottom: 10px;
}



#widgets #actu_footer .recent_post_banner {
float: left;
position: relative;
width: 50px;
height: 50px;
margin-right: 10px;
}



#widgets #actu_footer .recent_post_banner img {
border: 1px solid #ffffff;
}



#widgets #actu_footer .recent_post_title {
position: relative;
width: 220px;
}



#widgets #actu_footer .recent_post_title a {
display: block;
padding: 0;
font-size: 11px;
line-height: 17px;
}



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



/* 13. Page contact/*--------------------------------------------------------------------------------*/



#content form label p {
font-weight: bold;
color: #EC6825;
cursor: text;
}



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



/* 14. Slider home/*--------------------------------------------------------------------------------*/



.selected-posts {
display: block;
position: relative;
width: 580px;
height: 414px;
}



.slider {
position: relative;
height: 414px;
overflow: hidden;
text-shadow: none;}



.slider-desc {
z-index: 11;
float: right;
position: absolute;
right: 9px;
bottom: 60px;
width: 250px;
padding: 10px 15px 15px 20px;
max-height: 170px;
overflow: hidden;
text-align: left;
background: url("images/opacity_85_black.png") repeat scroll 0 0 transparent;
}



.slider-desc h3 {
margin: 0 0 10px;
padding: 0;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: normal;
line-height: normal;
color: #ADCB57;
}



.slider-desc p,

.slider-desc em {
margin-bottom: 0;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
}



.slider a {
margin: 0;
border-bottom: medium none;
outline: medium none;
color: #FFD62C;
-moz-transition: background-color 0.2s linear 0s,color 0.2s linear 0s;
}



.slider .slides_prev,

.slider .slides_next {
display: inline-block;
z-index: 10;
position: absolute;
top: 0;
width: 23px;
height: 23px;
border-bottom: medium none;
border-radius: 2px 2px 2px 2px;
text-indent: -999em;
background: url("images/icons.png") no-repeat scroll -26px -45px #262626;
}



.slider .slides_prev {
float: left;
width: 30px;
height: 414px;
background: url("images/btn_left.png") no-repeat scroll 0 0 transparent;
}



.slider .slides_next {
float: left;
right: 0;
width: 30px;
height: 414px;
background: url("images/btn_right.png") no-repeat scroll 0 0 transparent;
}



.slide {
width: 480px;
height: 374px;
}



.slides_container {
position: relative;
left: 30px;
width: 480px;
height: 374px;
padding: 20px;
background: url(images/bloc1_vert.png) no-repeat scroll 0 0 transparent;
}



.pagination {
z-index: 10;
position: absolute;
right: 50px;
bottom: 0;
height: auto;
margin: 0 0 30px;
}



.pagination li {
display: inline;
float: left;
margin-left: 5px;
list-style-type: none;
}



.pagination a {
display: block;
width: 10px;
height: 10px;
padding: 0;
border: medium none;
text-indent: -999em;
background: url(images/icon_pagination.jpg) no-repeat scroll 0 bottom transparent;
}



.pagination a:hover,

.pagination .current a {
background: url(images/icon_pagination.jpg) no-repeat scroll 0 0 transparent;
}



.slider .slides_next:hover {
background: url("images/btn_right_hover.png") no-repeat scroll 0 0 transparent;
}



.slider .slides_prev:hover {
background: url("images/btn_left_hover.png") no-repeat scroll 0 0 transparent;
}



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



/* 15. SLIDESHOW/*--------------------------------------------------------------------------------*/



.col_slider {
}



.col_slider_last {
float: right;
position: relative;
width: 260px;
}



#col_right .slideshow_container {
float: left;
position: relative;
width: 400px;
margin-right: 20px;
}



.col_slider_last h4 {
margin-top: -15px;
color: #97BF0D;
}



.page-content #col_right .slideshow_controlPanel ul {
margin: 0;
padding: 0;
}



.page-content #col_right .slideshow_controlPanel ul li {
margin: 0;
	list-style-type: none;
}



.page-content #col_right .slideshow_content a img {
padding: 0;
}



/* Modifié par Quentin Moncharmont*/



img.size-img_carrousel {
display: inline;
padding-right: 5px;
}