@font-face { font-family: Mistral; font-style: normal; font-weight: 400; src: url('MISTRAL.TTF');  font-display: swap; } 
*{margin:0;padding:0}
body{float:left;width:100%;font-family:Arial;font-size:13px;line-height:20px;background: url('images/fond_qb.webp') 50% 25% no-repeat #e6e6e6 fixed;}
table {border-spacing : 0;border-collapse : collapse;}
div {box-sizing:border-box;}
.tab_titre, .tab_titre a {background-color:#1a9b9b;color:white;text-align:center;}
.tab_titre a{text-decoration:underline;}
.calendrier {border-bottom:1px solid white;text-align:center;background-color:#efa415;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.pair {background-color:#f5eede;color:black;}
.impair {background-color:#e7ddb7;color:black;}
.myteam, .myteam a {background-color:#005454; color:white;border-bottom:1px solid #1a9b9b;}
.myTEAM {background-color:lightblue;}
.reserve {background-color:lightgreen;}
.container {padding:0;margin-right:auto;margin-left:auto;float:left;width:100%;}
.select {width:100px;}
a{text-decoration:underline;color:#000;}
a:hover{text-decoration:none}
#leftmain article a:hover {border-bottom:2px dashed #efa415;}
#content_area {}
.dashed  {border-bottom:2px dashed #efa415;}
input[type=text],input[type=password],input[type=email],input[type=submit],textarea{border:2px solid #ddd;padding:5px;outline:0;border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0 0 10px;font-family: 'Oswald', sans-serif;}
h2 {color:#1a9b9b;font-size:25px;line-height:30px}
h3 {color:#1a9b9b;font-size:20px;line-height:25px}
img{max-width:100%;height:auto;border:none}
.alignleft{float:left;margin-right:10px}	
.aligncenter{display:block;margin:10px auto}	
.alignright{float:right;margin-left:10px}
.mpf {font-family:'Mistral';font-size:1.2em;}
.bold {font-weight:700;font-size:1.1em;}
.breve{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size:10.5px;text-decoration:none;display:block;width:100%;height:16px;overflow:hidden;padding:2px 0px;}
.arrondiT {border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px;}
.rond100 {float:left;height:100px;width:100px;margin-left:5px;margin-top:5px;cursor:pointer;background-color:#005454;color:white;font-size:0.9em;text-align:center;border-radius:50px 50px 50px 50px; -moz-border-radius:50px 50px 50px 50px; -webkit-border-radius:50px 50px 50px 50px;}
.rond100ok {float:left;height:100px;width:100px;margin-left:5px;margin-top:5px;cursor:pointer;background-color:#1a9b9b;color:white;font-size:0.9em;text-align:center;border-radius:50px 50px 50px 50px; -moz-border-radius:50px 50px 50px 50px; -webkit-border-radius:50px 50px 50px 50px;}
.survol {display:none;position:relative;left:0px;top:-5px;padding:10px 5px;width:90px;border:1px dotted black;font-size:0.9em;}
.rond100:hover .survol, .rond100ok:hover .survol{display:inline-block;}
.img_arrondi {
-moz-border-radius:15% 15%;
-webkit-border-radius:15% 15%;
border-radius:15% 15%;
}
div .sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  bottom: 100px;
}
blockquote {
	background-color: #EBEADD;
    background-image: url("/icones/quote.gif");
	background: #ebebeb none 6px 8px no-repeat;
    border: 1px solid #dbdbdb;
    font-size: 1em;
    margin: 0.5em 1px 0 25px;
    overflow: hidden;
    padding: 5px;
    border-color: #DBDBCE;
}
.typeCourse {display:inline;background-color:black;color:white;font-size:0.9em;padding:1px 5px; border-radius:20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;}
.smaller {font-size: 11px;}
.bleu {color: #0000CC;}
.red, .red a {color: #FF0000; font-size:1.1em;}
.negatif, .negatif a {color: #FF0000;}
.positif, .positif a {color: #009933;}
.fond_gris {background-color:#f5f5f5;color:#2d2d2d;}
.fond_gris_fonce {background-color:#c8cbcc;color:#2d2d2d;}
.fond_gris_clair {background-color:#e8e8e8;color:#2d2d2d;}
.floatleft{float:left}
.floatright{float:right}
.photo {position:relative;}
.photo span  {display:none;}
.photo:hover {border:1px;z-index:15;}
.photo:hover span{display:block;width:280px;position:absolute;top:14px;left:-100px;z-index:50;}
.recup{width:50px;height:18px;background-image:url(icones/degrade_rjv.jpg);}
.p50 {font-size:9px;background-color:#00ff00;color:#000000;}
.p55 {font-size:9px;background-color:#64ff00;color:#000000;}
.p60 {font-size:9px;background-color:#b5ff00;color:#000000;}
.p65 {font-size:9px;background-color:#dcff00;color:#000000;}
.p70 {font-size:9px;background-color:#ffff00;color:#000000;}
.p75 {font-size:9px;background-color:#ffd600;color:#000000;}
.p80 {font-size:9px;background-color:#ff9200;color:#000000;}
.p85 {font-size:9px;background-color:#ff5400;color:#000000;}
.p90 {font-size:9px;background-color:#ff0000;color:#000000;}
.p95 {font-size:9px;background-color:#000000;color:#ffffff;}
.pla{background-color:#00FF33;color:;font-size:smaller;}
.mon{background-color:#BD9975;color:;font-size:smaller;}
.val{background-color:#0000CC;color:#FFFFFF;font-size:smaller;}
.des{background-color:#FFCC00;color:;font-size:smaller;}
.pav{background-color:#FF0000;color:;font-size:smaller;}
.CLM{background-color:#FFFF00;color:;font-size:smaller;}
.spr{background-color:#CCCCCC;color:#FF0000;font-size:smaller;}
.end{background-color:#000000;color:#FFFFFF;font-size:smaller;}
.res{background-color:#FFFFFF;color:#FF0000;font-size:smaller;}
.agi{background-color:#FFFFFF;color:#000000;font-size:smaller;}
.vip{font-weight:bold;font-family:"Lucida Calligraphy","Lucida Blackletter","Script MT Bold";}
#LIVE {
    position: relative;
    height: 150px;
    width: 100%;
    vertical-align: top;
    text-align: left;
    overflow: auto;
}

.triangle {
    margin: 0 auto;
    text-align:center;
    width: 0;
    height: 0;
    border-top: 20px solid #33363d;
    border-left: 500px outset transparent;
    border-right: 500px outset transparent;
    position: relative;
}

.wrapper{width:1110px;display:block;margin:0 auto;}
.clearfix{overflow:hidden}
ul,ol{margin:0;padding:0;list-style:none;}

.little_button {text-decoration:none;display:inline-block;padding:5px;margin:3px;border:1px solid #efa415;background-color:#005454;color:white;-moz-border-radius:10px 10px!important;-webkit-border-radius:10px 10px!important;border-radius:10px 10px!important;}
.little_button:hover {cursor:pointer;background-color:white;color:#005454;border:2px solid #005454;}

.little_button_round {display:inline-block;width:24px;height:24px;padding:5px;margin:3px;border:1px solid #efa415;background-color:#005454;color:white;-moz-border-radius:12px 12px!important;-webkit-border-radius:12px 12px!important;border-radius:12px 12px!important;}
.little_button_round:hover {cursor:pointer;background-color:white;color:#005454;border:2px solid #005454;}

.big_button {text-decoration:none;padding:15px 30px!important;text-align:center;font-size:1.6em;background-color:#005454;color:white;-moz-border-radius:10px 10px!important;-webkit-border-radius:10px 10px!important;border-radius:10px 10px!important;font-weight:700;}
.big_button:hover {cursor:pointer;background-color:white;color:#005454;border:2px solid #005454;}

#selectnav1{display:none;}
/* home page style */
#header_area{background: #005454;}
#content_area{float:left;width:100%;}
#leftmain {padding: 0px; background: url('images/selleMPC25.png') 90% 50px no-repeat scroll; background-size:50%;}
#footer_top_area{background: none repeat scroll 0 0 #005454;
margin-top: 0px;
padding: 20px 0;
border-top: 5px solid #1a9b9b;
width:100%;}
#footer_bottom_area{padding:15px 0px;background:#1a9b9b;width:100%;}
.header{padding-top:0px;width:100%;}
.header_top{padding-top: 10px;}
.logo h1 a {color: #fff; text-decoration:none!important;padding-left:10px;font-family: 'Impact', 'Oswald';font-size: 45px;font-weight: normal;line-height: 40px;text-transform: uppercase;}
.logo h1 a span{color: #efa415;text-decoration:none!important;}
.search{background: none repeat scroll 0 0 #2c2c2b;
border: 1px solid #595957;
padding: 5px;
margin-top:5px;}
.search input[type="text"]{background: none;
border: none;
outline: 0;
color: #999;
width: 100px;}
.search input[type="submit"]{-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("images/search.png") no-repeat scroll 5px 0px rgba(0, 0, 0, 0);
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #595957;
border-image: none;
border-style: none none none solid;
border-width: medium medium medium 1px;
cursor: pointer;
height: 22px;
padding-left: 5px;
text-indent: -99999px;
width: 33px;}
.header_bottom{background: none repeat scroll 0 0 #000;
min-height: 30px;
padding: 10px;}
/* MENU RESPONSIVE */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } 
#menu {text-transform:uppercase;font-family: oswald;}
#menu label { padding:0 0.5em; font:2.8em/1.375em Arial }
#menu .sub-nav .toggle { padding:0 0.3125em; font:2em/2em Arial; top:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) }
#header label:hover, #menu label:hover { color:#ccc }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px; }
.toggle {float:right; right:0.2em; top:25px; font-size:4em; cursor:pointer; color:white; }
.toggle-menu {display:inline;float:right;z-index:9999;}
#menu, #menu .sub-nav { position:absolute; top:0px; bottom:0; width:15.25em; background:#222; z-index:9999;  }
.container, #menu, #menu .sub-nav {   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
	}
#menu ul { background:#1a9b9b; color: white;line-height:3em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #444 }
#menu li { border-bottom:1px solid #444 }
#menu li a {color:white; display:block; font-weight:300; font-size:1.3em; padding-left:1.5em;  text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:white; color:#005454;}
#menu ul li a.navInverse {background:#efa415!important;color:white!important;}
#menu .sub-nav { margin-top:-1px }
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu .sub-heading:before { content:""; display:block; height:1px; width:15.25em; margin-left:-1.3125em; background:#444 }
#menu .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#222; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center }
.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) }
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(15.25em,0); -ms-transform:translate(15.25em,0); transform:translate(15.25em,0) 
	}
@media (max-width:1000px ) { #menu {display:none;} .header {background-color:#005454;color:white;} #leftmain{padding:0px;} #content_area{margin-top:0px;} .header_top{padding-top:1px;}.h1_game {font-size:2em;} input[type="button" i] {padding:5px;} #menu, #menu .sub-nav {right:200px;} .toggle-menu { margin-top:13px;margin-right:15px;} .game_menu {display:block;width:300px;margin:0 auto; text-align:center;} }
@media (min-width:1001px ) {
	input[type="button" i] {padding:3px;}
	.toggle-menu {display:none;}
	.game_menu {display:none;}
	.small {display:none;}
	.header {height:135px;}
	#header-pub {margin-top:50px;}
	.container, #menu, #menu .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	.main_content_area {margin-top:5px;box-shadow: 0px 0px 15px rgb(0 0 0 / 70%);}
	#menu label, #menu .sub-nav, #menu .sub-heading, #header label { display:none }
	#menu {margin-right:auto;margin-left:5px; top:98px; height:0; width:100% }
	#menu .toggle-sub { display:inline-block; margin-top:-3.05em; margin-right:0.25em; border-left:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }
	#menu .toggle-sub, #menu .toggle-sub:hover { background:transparent }
	#menu ul ul .toggle-sub { margin-top:-2.75em; margin-right:0; border-left:1px solid #444; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) }
	#menu ul li:hover > label { color:black; }
	#menu > ul { margin: 0 auto; position:relative; z-index:1; display:inline-table; border-left:1px solid #444; border-right:0; font-size:0.875em }
	#menu ul:after { content:""; clear:both; display:block }
	#menu ul li { float:left; position:relative; text-align:left; border-right:1px solid #444 }
	#menu ul li a { padding:0.1em 1.2em 0.1em 1.2em }
	#menu ul li a:only-child { padding-right:1.2em }
	#menu ul li:hover > a { -webkit-transition:background-color .25s ease; transition:background-color .25s ease }
	#menu ul li:hover > ul { display:block }
	#menu ul ul { position:absolute; left:0; margin-left:-1px }
	#menu ul ul li { float:inherit; width:14.75em; border-left:1px solid #444 }
	#menu ul ul li a { padding:0 1.5em }
	#menu ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#menu ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important }	
	#menu ul ul .sub-nav { float:left; top:0; left:14.75em; margin-left:0; margin-top:-1px }
	#menu ul .fly-left ul { left:-13.75em; margin-left:-2px }
	#menu ul .fly-left ul li { float:none }
	#menu ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #444; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }
	#menu ul .go-up > ul { top:auto; bottom:0; margin-bottom:-1px }
}


.main_content_area {float:left;width:100%;}
.main_content{width:750px;margin-right: 10px; }
.content{}
.content_title {background: url("images/latest_post_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);height: 73px;margin-bottom: 0px;}
.content_title  h2{color: #fff;font-size: 16px;margin-bottom: 0;padding: 8px;text-transform: uppercase;}
.single_content{margin-bottom: 5px;padding-bottom: 1px;border-bottom: 3px solid #E7E7E7;}
.single_content:last-child{border-bottom:none;}
.post_excerpt p{padding:10px;}
.pagination{margin-bottom:15px;}
.pagination ul{text-align: center;}
.pagination ul li{display: inline-block;margin-right: 3px;}
.pagination ul li a{background: none repeat scroll 0 0 #e7e7e7;color: #999;padding: 5px 8px;}
.pagination ul li a:hover{background:#464646;color:#fff;}
.sidebar_container{background: none repeat scroll 0 0;width:350px;}
.newsletter{padding: 10px;border-bottom: 3px solid #ddd;margin-bottom: 15px;}
.newsletter form > h2,.newsletter > h2{text-transform: uppercase;
font-size: 16px ;
font-weight: bold;}
.newsletter form input[type=text]{height: 25px;
width: 250px;
margin-bottom: 15px;
box-shadow: inset 0px 0px 50px 0px #999999;
-webkit-box-shadow: inset 0px 0px 50px 0px #999999;
-moz-box-shadow: inset 0px 0px 50px 0px #999999;
-o-box-shadow: inset 0px 0px 50px 0px #999999;}
.newsletter input[type=email]{border: 1px solid #ddd;
height: 35px;
padding-left: 5px;
width: 257px;
margin-bottom:15px;
box-shadow: inset 0px 0px 50px 0px #999999;
-webkit-box-shadow: inset 0px 0px 50px 0px #999999;
-moz-box-shadow: inset 0px 0px 50px 0px #999999;
-o-box-shadow: inset 0px 0px 50px 0px #999999;}
.newsletter form input[type=password]{height: 25px;
width: 250px;
margin-bottom: 15px;
box-shadow: inset 0px 0px 50px 0px #999999;
-webkit-box-shadow: inset 0px 0px 50px 0px #999999;
-moz-box-shadow: inset 0px 0px 50px 0px #999999;
-o-box-shadow: inset 0px 0px 50px 0px #999999;}
.newsletter form input[type=submit]{
background: url("images/nav_right.png") no-repeat scroll 120px 6px #efa415;
border: medium none;
font-family: oswald light;
font-size: 14px;
padding: 8px;
text-transform: uppercase;
width: 150px;cursor:pointer;}
.sidebar{}
.single_sidebar > h2{}
.single_sidebar{background: scroll 0 0 rgba(0, 0, 0, 0);padding: 10px 4px;margin-bottom:15px;}
.sidebar_title{background: url("images/title_down.png") no-repeat scroll 12px 45px rgba(0, 0, 0, 0);
height: 73px;margin-bottom:5px;}
.sidebar_title > h2{background: none repeat scroll 0 0 #222222;
color: #fff;
font-size: 16px;
margin-left: -10px;
margin-top: -10px;
padding: 8px 10px;
text-transform: uppercase;
width: 100%;}


/*Category*/
.single_sidebar .cat-item {background: none repeat scroll 0 0 #454545;
display:block;
color: #efa415;
font-weight: bold;
margin-bottom: 5px;
padding: 5px;
text-align: right;}
.single_sidebar .cat-item a{color: #ddd;
font-weight: normal;
width: 75%;
text-align: left;
float: left;}
.single_sidebar .cat-item a:hover{color:#000;text-decoration:none;}
.single_sidebar .cat-item:hover{color:#000;background:#efa415;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;}
.calendar {width:75%;}
/*default sidebar list item*/
.single_sidebar > ul{}
.single_sidebar > ul li{margin-bottom: 5px;
padding: 5px 4px;
background: #fff;}
.single_sidebar > ul li a{}
.single_sidebar > ul li a:hover{text-decoration:underline;}
.footer_top{}
.footer_top_container{padding:0px 5px;}
.single_footer_top{color: #999;padding:0px 10px;;width: 326px;border:1px solid #005454;}
.single_footer_top h2{color:white;}
.single_footer_top a{color:#005454;}
.single_footer_top ul{}
.single_footer_top ul li{}
.single_footer_top ul li a{background: #1a9b9b repeat scroll 0 0;color: white;display: block;margin-bottom: 5px;padding: 8px;font-family:oswald light;text-decoration:none; border:1px solid white;}
.single_footer_top ul li a:hover{background:white;color:#005454;border:1px solid #005454;}
.footer_bottom{padding:0px 5px;}
.copyright{font-family: oswald;margin-top: 8px;padding-left:10px;}
.copyright p, .copyright a{color:#646464;}
.copyright span{font-size:1.1em;}
.social{}
.social ul{}
.social ul li{float: left;}
.social ul li a{
color:#fff;
display: block;
font-size: 25px;
padding: 5px;}
.social ul li a:hover{color:#efa415;}




/* PERSO */
.col_6 {width:49.5%;margin-left:0.5%;}
.col_4 {width:33%;margin-left:0%;}
.clear {clear:both;}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 1100px) {
tr td {padding:2px;}	
.vignette_big_div {width:69%;}
.vignette_big {height:250px;}
.vignette_small_div {width:30%;margin-left:1%;}
.vignette_small {height:80px;}
.small {display:none;}
	.wrapper {
		width: 748px;
		padding: 10px 15px 10px;
	}
	#selectnav1{display:none;}
	#nav{display:block;}
.header_bottom ul li a {
  font-size: 13px;
  padding: 5px 13px;
}
.triangle {
border-left: 360px outset transparent;
border-right: 360px outset transparent;
}
.pgwSlider .ps-current span {
  background: url("images/slider_arrow_tab.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}	
.main_content {
  margin-right: 0px;
  width: 100%;
  float:none !important;
}
.sidebar_container {
  float: none;
  margin: 25px auto 0px;
}
.footer_top_container {
  margin-left: -10px;
}
.single_footer_top {
  padding:0px 5px;
  width: 230px;
}

/*  single page style */	
.more_themes_container {
  margin-left: -25px;
}
.single_more_themes {
margin-left: 25px;
}

/* work archieve page style */
.single_work_container {
  margin-left: -35px;
}
.single_work {
  margin-left: 35px;
  margin-bottom:35px;
}
.work_pagination .newer, .work_pagination .older {

  margin-left: 15px;
}
/* work single page style */

.work_single_page_feature img {
  width: 100%;
}
.single_sidebar .cat-item a span {display:inline;}
.calendar {width:75%;}	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
tr td {padding:0px;}
.vignette_big_div {width:100% !important;}
.vignette_big {height:250px;}
.vignette_small_div {width:100% !important; margin-left:0% !important;}
.vignette_small {height:250px !important;}
.select {width:50px;font-size:0.7em;}
.col_6 {width:100%;margin-left:0%;}
.col_4 {width:100%;margin-left:0%;}
.big {display:none;}
	.wrapper {
		width: 100%;
		padding: 0px 0px 0px;
	}
	#selectnav1{display:block;height: 30px;width: 250px;}
	#nav{display:none;}	
.triangle {
border-left: 170px outset transparent;
border-right: 170px outset transparent;
}
.main_content {
margin-right: 0;
width: 100%;
float:none;
}	
.pgwSlider > ul > li {
  height: 65px !important;
}
.pgwSlider .ps-current span {
  background: url("images/slider_arrow_small_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.post_detail h2 {
font-size: 12px !important;
line-height: 15px;
margin-bottom: 0;
}
.post-meta p span {
font-size: 5px;
padding: 3px;
}
.post_excerpt {
  text-align: center;
}
.post_excerpt img {
  float: none;
}
.post_detail > a {
  float: none;
  margin: 10px auto;
}

.footer_top_container {
  margin-left: 0;
}
.single_footer_top {
  float: none;
  margin-bottom: 20px;
  padding:0px 5px;
  width: 100%;
}
.copyright {
  float: none;
}
.copyright p {
  text-align: center;
}
.social {
  float: none;
  margin-top: 10px;
}
.social ul {
  text-align: center;
}
.social ul li {
  display: inline-block;
  float:none;
}

/* changing rules */

.logo {
  float: left;
}
.logo h1 a{
  text-align: center;
  font-size: 28px !important;
}
.logo img{max-width:100%}
.search input[type="text"] {
  width: 192px;
}
.post_date {
float: none;
margin-bottom: 10px;
margin-right: 0;
}
.post_date .date {
  padding: 0;
}
.post_date h3 {
  font-size: 10px !important;
  margin-bottom: -10px;
  margin-top: 0;
}
.post_date p {
  font-size: 8px;
}
.post-meta {
  margin-bottom: 5px;
}
.sidebar_container {
  float: none;
  margin: 30px auto 0;
  width: 100%;
}
.newsletter form input[type="text"] {
  width: 300px;
}
.newsletter input[type="email"] {
  width: 300px;
}

.social ul li a {
  font-size: 16px;
}

/* single page style*/
.more_themes_container {
  margin-left: 0;
}
.single_more_themes {
  margin: 0px auto 10px;
  float: none 
}

/* work archieve page style */
.single_work_container {
  margin-left: 0;
}
.single_work {
  float: none;
  margin: 0 auto 10px;
  width:100%;
  height:142px;
}
.single_work h2 {
  font-size: 10px;
  line-height: 20px;
  padding: 0 5px;
}
.work_pagination {
  margin-left: 0;
  width: 100%;
}

/* work single page style */
.more_works_container {
  margin-left: 0;
}
.single_more_works {
  float: none;
  margin: 0 auto 10px;
}
.single_more_works a h2 {
  font-size: 8px;
  line-height: 15px;
  padding: 2px 5px;
}

.single_sidebar .cat-item a span {display:none;}
.calendar {width:100%;}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
tr td {padding:1px;}
.vignette_big_div {width:69%;}
.vignette_big {height:250px;}
.vignette_small_div {width:30%;margin-left:1%;}
.vignette_small {height:80px;}
	.wrapper {
		width: 100%;
		max-width:480px;
		padding: 0px 0px 0px;
	}
	#selectnav1{display: block;
height: 30px;
width: 415px;}
	.big {display:none;}
.triangle {
border-left: 230px outset transparent;
border-right: 230px outset transparent;
}
.main_content {
margin-right: 0;
padding:0;
width: 100%;
max-width:470px;
float:left;
display:block;
}	
.pgwSlider > ul > li {
  height: 65px !important;
}
.pgwSlider .ps-current span {
  background: url("images/slider_arrow_wide_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.post_detail h2 {
  font-size: 20px !important;
  line-height: 25px;
}
.post-meta p span {
  padding: 5px 10px;
  font-size: 8px;
}
.post_excerpt {
  text-align: center;
}
.post_excerpt img {
  float: none;
}
.post_detail > a {
  float: none;
  margin: 10px auto;
}
.sidebar_container {
  float: none;
  margin: 10px auto 0;
  width:300px;
}
.footer_top_container {
  margin-left: 0;
}
.single_footer_top {
  float: none;
  margin-bottom: 20px;
 padding:0px 5px;
  width: 100%;
  max-width:460px;
}
.copyright {
  float: none;
}
.copyright p {
  text-align: center;
}
.social {
  float: none;
  margin-top: 10px;
}
.social ul {
  text-align: center;
}
.social ul li {
  display: inline-block;
  float:none;
}

.logo {
  float: left;
}
.post_date {
  float: left;
  margin-bottom: 0px;
  margin-right: 5px;
}
.post_date .date {
  padding: 10px;
}
.social ul li a {
  font-size: 20px;
}

/* Single page style */
.more_themes_container {
  margin-left: -10px;
}
.single_more_themes {
  margin-left: 10px;
  width: 138px;
  float:left;
}
.more_post a {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 15px;
}

/* work archieve page style */
.single_work_container {
  margin-left: 0;
}
.single_work {
  float: none;
  margin: 0 auto 10px;
  width:337px;
  height:190px;  
}
/* work single page style */
.more_works_container {
  margin-left: -5px;
}
.single_more_works {
  margin-left: 5px;
  width: 142px;
  float:left;
}
.single_more_works a h2 {
  font-size: 8px;
  line-height: 15px;
  padding: 2px 5px;
}
.single_sidebar .cat-item a span {display:none;}
.calendar {width:100%;}
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}