/*
Theme Name: SERGIO
Theme URI: http://www.culturepixel.com/
Description: Thème réalisé pour le site www.sergiograzia.fr
Author: Antoine MÉTIVIER
Author URI: http://www.culturepixel.com/
Version: 2.0

*/

/* ----- Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html ----- */

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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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;
}

/* ----- FIN Reset default browser CSS ----- */

/* ----- ClearFix ; http://nicolasgallagher.com/micro-clearfix-hack/ ----- */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* ----- FIN ClearFix ----- */

/* ----- Fonts via FontSquirrel ----- */

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

}

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

}

/* ----- FIN Fonts via FontSquirrel ----- */





body {
    font-family: 'PTSansRegular', Helvetica, Arial, sans-serif;
    font-size: 11pt;
    background-color: #4B525A;
}

/* ----- Mise en page, 2 colonnes avec une sidebar à gauche du contenu ----- */

div#global {
    margin: 0;
    padding: 0;
    text-align:left;
    min-height: 100%;
    min-width: 1000px;
    padding-bottom: 30px;
    }

div#header {
    background-color: #4B525A;
}

#header #header-content {
    border-bottom: 1px solid #C8CBD0;
    height: 120px;
    padding-bottom: 4px;
    position: relative;
}

#header-content, #main-content, #footer-columns, #footer-cols, #bas-footer {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

#main {
	clear: both;
	width: 100%;
	margin-bottom: 8px;
	margin-top: 10px;
}
	
#main-content {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 475px;
	overflow: hidden;
}

#content {
	margin: 0;
	padding: 10px 10px 5px 10px;
	margin-bottom: 15px;
}

#content #wpcontent_slider_container {
	margin: 5px auto;
}

#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}

#secondary {
	clear: left;
}

#footer {
	width: 100%;
}



/* ----- FIN Mise en page ----- */

/* ----- Header ----- */

div#menu_logo {
    padding: 5px 0 15px 0;
    text-align: left;
}

div#menu_header {
    padding: 20px 0 20px 0;
    text-align: center;
}

div#menu_left {
    clear: left;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
}

#menu_left #widget-menu {
    float: left;
}

#menu_left #widget-menu ul {
    list-style: none; 
}

#menu_left #widget-menu ul li {
    display: inline-block;
    padding-right: 10px;
}


#menu_right {
    margin: 0; 
    padding: 0; 
    list-style: none; 
    text-align: right;
}

#menu_right li {
    display: inline-block;
    padding-right: 15px;
}

#menu_right li a {
    color: #919293;
    font-size: 14px;
    margin-right: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

#menu_right li.current-cat a, #menu_right li a:hover {
    color: #ffffff;
}


/* ----- FIN Header ----- */

/* ----- Sidebar Widgets ----- */

#primary, #secondary {
    font-size: 10pt;
    text-align: left;
}

#primary ul li {
    background-color: #F7F4F0;
    padding: 10px;
}

#primary ul li h3 {
    padding: 5px 0;
}

.widget-area ul, .widget-area ul ul {
	list-style: none;
	margin-left: 0;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 55%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 5px 0;
}
.widget-title {
	color: #471509;
	font-size: 12pt;
	line-height: 1.4;
	text-transform: uppercase;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}

/* ----- Fin Widgets Area ----- */


/* ----- Footer ----- */

#footer {
    color: #C1BA9C;
    font-size: 10pt;
    line-height: 1.4;
}

.footer-firstcolumn, .footer-secondcolumn {
    display: inline;
    position: relative;
}

.footer-firstcolumn {
    float: left;
    text-align: left;
    width: 150px;
}

.footer-secondcolumn {
    float: right;
    text-align: right;
    width: 840px;
}

.footer-secondcolumn #mentions-footer {
    color: #27282A;
    font-family: 'InconsolataMedium',arial,serif;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
}

.footer-secondcolumn #menusecondaire-footer ul {
	margin-top: 8px;
	list-style: none; 
}

.footer-secondcolumn #menusecondaire-footer ul li {
  display: inline;
  float: right;
  border-left: 1px solid #a7a7a7;
  padding: 0 15px;
}

.footer-secondcolumn #menusecondaire-footer ul li#menu-item-4132 {
	border: none;
}

.footer-secondcolumn #menusecondaire-footer ul li#menu-item-24 {
	padding-right: 0;
}

.footer-secondcolumn #menusecondaire-footer ul li a{
  font-size: 14px;
  color: #a7a7a7;
  font-family: "Courier New", Courier, monospace;
  text-decoration: none;
  text-transform:lowercase;
}

.footer-secondcolumn #menusecondaire-footer ul li a:hover,
.footer-secondcolumn #menusecondaire-footer ul li a:focus,
.footer-secondcolumn #menusecondaire-footer ul li.current_page_item a,
.footer-secondcolumn #menusecondaire-footer ul li.current-menu-item a,
.footer-secondcolumn #menusecondaire-footer ul li.current-post-parent a {
	text-decoration: none;
	color: #fff;
}

#bas-footer {
    margin-top: 10px;
    letter-spacing: 0.2px;
    text-align: right;
}

#bas-footer p {
    color: #343434;
    font-family: "Courier New",Courier,monospace;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: right;
    padding: 5px 0;
}

#bas-footer a {
    font-size: 11px;
    color: #a7a7a7;
    text-decoration: none;
}

#bas-footer a:hover, #bas-footer a:focus {
    color: #fff;
}

/* ----- FIN Footer ----- */


p{ padding:5px 10px 5px 10px; color:#333333; font-size:11pt; line-height: 120%; }

p a{ font-size:11pt; text-decoration:none; outline: none; color:#471509;}

p a:hover{color:#c4af82; }

h3{ padding:30px 30px 20px 30px; color:#000; }

p em {
    font-style: italic;
}

#map_canvas {
    margin: 0 auto;
    width:206px;
    height:246px;
    border: 2px solid #C1BA9C;
}

h1 {
    font-size: 15pt;
    color: #471509;
    text-transform: uppercase;
}

h2 {
    font-size: 14pt;
    color: #471509;
    text-transform: uppercase;
}

.entry-content {
    background-color: #ffffff;
}

.entry-content h1 {
    color: #A7A7A7;
    font-family: "Courier New",Courier,monospace;
    font-size: 15pt;
    text-decoration: none;
    text-transform: lowercase;
    padding-bottom: 3px;
    margin-right: 17px;
    border-bottom: 1px solid #a7a7a7;
    margin-bottom: 7px;
}

.entry-content p strong {
    font-weight: bold;
}

.entry-content p a {
    font-size: 11pt;
}

.entry-content img.alignleft {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.entry-content img.alignright {
    display: block;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.entry-content ul {
    list-style-type: square;
}

.entry-content ul li {
    margin-left: 25px;
}

.entry-content ul#horiz_container_outer {
    list-style: none;
}

.entry-content ul#horiz_container_outer li
{
    margin: 0;
}

.entry-content ul#horiz_container {
    list-style: none;
}

.entry-content ul#horiz_container li
{
    margin: 0;
}

.content-partage { text-align: center; margin-top: 10px;}

/* columns pour le content */
div.content-col-1 { float: left; width: 255px; padding: 0;}
div.content-col-2 { float: right; width: 715px; padding: 0; text-align: left;}

div.content-col-1 h1 {
	width: 248px;
}

div.content-col-1 h2 {
    padding:0 30px 3px 0;
    font-size: 15pt;
    color: #c4af82;
    text-transform: none;
}

div.content-col-1 h3 {
    padding:0 30px 0 0;
    font-size: 13pt;
    color: #471509;
    text-transform: none;
}

div.content-col-1 p, div.content-col-1 td {
    text-align: right;
    line-height: 130%;
    font-size: 9pt;
    padding: 0 0 8px 0;
}

div.content-col-1 ul {
    margin-left: 0;
    padding-left: 1em;
}

div.content-col-1 li {
    list-style-image: url("img/puce.gif");
}

div.content-col-2 h1 {
    margin-left: 75px;
    padding:0 0 10px 0;
    width: 560px;
}

div.content-col-2 h2 {
    padding:0 80px 10px 75px;
    font-size: 10pt;
}

div.content-col-2 p {
    padding:0 80px 10px 75px;
    text-align: justify;
    color: #656565;
    font-size: 10pt;
    line-height: 130%;
}

div.content-galerie { margin-left: 30px; margin-right: 30px; margin-bottom: 10px; text-align: left; border-top: 1px solid #c4af82; padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #c4af82;}


/* clear pour le système à 3 colonnes */
div.clear { clear: both; }

ul.share_ul {
    list-style: none;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

ul.share_ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

/* ----- PLUGINS ----- */

/* ----- qTranslate ----- */

#qtranslate-5-chooser {
    list-style: none;
}

#qtranslate-5-chooser li {
    border: none;
    display: inline;
    float: left;
}

#qtranslate-5-chooser li a {
    font-family: 'InconsolataMedium',arial,serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin-right: 15px;
    text-transform: uppercase;
    color: #27282A;
    text-decoration: none;
    padding: 0.8em 2px 0.8em 4px;
}

#qtranslate-5-chooser li a:hover, #qtranslate-5-chooser li a:focus, #qtranslate-5-chooser li.active a {
	text-decoration: none;
	color: #A7A7A7;
}

  
/* ----- FIN qTranslate ----- */


/* ----- FIN PLUGINS ----- */

/* ----- DEFILEMENT SUR HOME ----- */
#galerie_home_defil {
	top: 				0;
	left:				0;
	padding: 			0;
	margin: 			0;
	height: 			460px;
	overflow:			hidden;
}

.elem_galerie_defil {
	list-style: none;
	float:				left;
	width:				980px;
	height:				460px;
	margin:				0;
	padding:			0;
}

.legend_photo_right {
	text-align: right;
	font-size: 9pt;
	color: #4B525A;
	padding: 28px 0 2px 0; 
}

.descr_photo_right {
	text-align: right;
	font-size: 9pt;
	color: #A6A6A6;
	padding: 2px 0;  
}

/* ----- FIN DEFILEMENT SUR HOME ----- */
#list_gal {
	float: left;
	width: 270px;
	height: 400px;
	overflow: hidden;
}

#list_gal .item_list_gal {
	padding: 5px;
	margin-bottom: 5px;
}

#list_gal .item_list_gal:hover, #list_gal .current {
	background-color: #eeeeee;
}

#list_gal .titre_item_list_gal a {
    color: #4B525A;
    font-size: 10pt;
    text-align: left;
    text-decoration: none;
}
 
#list_gal .item_list_gal:hover .titre_item_list_gal a, #list_gal .current .titre_item_list_gal a {
	color: #333333;
}
   
#list_gal .ss_titre_item_list_gal { 
    padding-top: 4px;
    text-align: left;
}

#list_gal .ss_titre_item_list_gal a {
    color: #A6A6A6;
    font-size: 9pt;
    text-decoration: none;
}

#list_gal .item_list_gal:hover .ss_titre_item_list_gal, #list_gal .current .ss_titre_item_list_gal {
	color: #4B525A;
}

#cat_slide, #art_slide {
	float: right;
	width: 700px;
	overflow: hidden;
}

#category_slide {
	height: 460px;
	overflow: hidden;
}

.elem_catslide_defil {
	list-style: none;
	float: left;
	width: 700px;
	height:	460px;
	margin:	0;
	padding: 0;
}

/* --- Defilement galerie --- */
#horiz_galerie {
	height: 420px;
	overflow: auto;
	width: 100%;
}

ul.gal {
	list-style: none;
	height: 400px;
	width: 4000px;
}

li.item-gal {
	display: inline;
	float: left;
	height: 400px;
	overflow-y: hidden;
}
  
li.item-gal + li.item-gal {
	margin: 0 0 0 10px;
}

#art_slide .legend_photo_right {
	padding: 6px 0 2px 0; 
}