@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:12px;line-height:16px;background: url('icones/back.jpg') 50% 50% no-repeat #e6e6e6 fixed;background-size: cover;}
table {border-spacing : 1px;border-collapse : separate;}
div {box-sizing:border-box;}
.tab_titre.tab_titre, .tab_titre a {background-color:#A0CA40;color:white;text-align:center;}
.tab_titre a{text-decoration:underline;}
.center {text-align:center;}
.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:white;}
.impair {background-color:#ECFFEC;}
.myteam, .myteam a {background-color:#214A14; color:white;border-bottom:1px solid #A0CA40;}
.myTEAM {background-color:lightblue;}
.res_team, .res_team a {background-color:#D7F2FF!important;font-weight:700;color: blue!important;}
.res_equipe, .res_equipe a {background-color:#00a000!important;font-weight:700;color: white!important;}
.res_membre, .res_membre a,.res_joueur, .res_joueur a  {background-color:#FFBC64!important;font-weight:700;color: black!important;}
.reserve {background-color:lightgreen;}
#dx, #dy {display:none;}
.aide {width:80%;clear:both;font-size:0.9em;background-color:rgba(255, 255, 255, 0.5);padding:5px 15px;margin:10px 8%;}
.container {padding:0;margin-right:auto;margin-left:auto;float:left;width:100%;}
.select {width:100px;}
#calendrier a {text-decoration:none;}
#calendrier, #planning {line-height:14px;}
a{text-decoration:none;color: #288d2d;}
a:hover{border-bottom:dashed 2px #288d2d;}
#menu a {border-bottom: 0px;}
#leftmain article a:hover {border-bottom:2px dashed #efa415;}
.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:#A0CA40;font-size:25px;line-height:30px}
h3 {color:#A0CA40;font-size:20px;line-height:25px}
img{max-width:100%;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;}
.arrondi {border-radius:10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;}
.arrondiT {border-radius:10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;}
.arrondiB {border-radius:0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px;}
.rond100 {float:left;height:100px;width:100px;margin-left:5px;margin-top:5px;cursor:pointer;background-color:#214A14;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:#A0CA40;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;
}
.warning {background-color:#ecd291;padding:3px 10px;margin: 2px;}
.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;}
.fond_bleu, .fond_bleu a {background-color:#0088ff;color:#ffffff;border-bottom:0px;}
.fond_orange, .fond_orange a {background-color:#ff9200;color:#ffffff;border-bottom:0px;}
.spoiler {padding:0px 3px 0px 3px;margin-top:1px;background-color:#a0ca40;border:1px green dotted;}
.spoiler span {background-color:#f5f5f5;height:200px;overflow:auto;border-top:1px solid orange;display:none;}
.floatleft{float:left}
.floatright{float:right}
.smaller {font-size:11px;}
.smaller2 {font-size:10px;}
.smaller3 {font-size:9px;}
.rouge {color:red;}
.vert {color:green;}
.bleu {color:blue;}
.limit {background-color:red;height:2px;}
.photo {position:relative;}
.photo span  {display:none;}
.photo:hover {border:1px;z-index:15;}
.photo:hover span{display:block;width:300px;position:absolute;top:14px;left:-100px;z-index:50;}
.fo_nav {border:solid 1px black;text-decoration: none;padding:2px;}
.fo_nav_actif {border:solid 1px black;background-color:#0088ff;padding:2px;}
#forum a.fo_nav {text-decoration: none;}
#forum a.fo_nav_actif {text-decoration: none;color:#fff;}
#presse_fond{position:absolute;top:0px;left:0px;width:100%;height:200%;z-index:1000;background-image:url(icones/presse_fond.png);}
#presse {width:100%;max-width: 600px;min-height:300px;margin: auto auto; background-color:#000;padding:20px;color:#fff;}
.recup{width:50px;height:18px;background-image:url(icones/degrade_rjv.jpg);}
.p50 {font-size:11px;background-color:#00ff00;color:#000000;}
.p55 {font-size:11px;background-color:#64ff00;color:#000000;}
.p60 {font-size:11px;background-color:#b5ff00;color:#000000;}
.p65 {font-size:11px;background-color:#dcff00;color:#000000;}
.p70 {font-size:11px;background-color:#ffff00;color:#000000;}
.p75 {font-size:11px;background-color:#ffd600;color:#000000;}
.p80 {font-size:11px;background-color:#ff9200;color:#000000;}
.p85 {font-size:11px;background-color:#ff5400;color:#000000;}
.p90 {font-size:11px;background-color:#ff0000;color:#000000;}
.p95 {font-size:11px;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:1200px;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:#214A14;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:#214A14;border:2px solid #214A14;}

.little_button_round {display:inline-block;width:24px;height:24px;padding:5px;margin:3px;border:1px solid #efa415;background-color:#214A14;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:#214A14;border:2px solid #214A14;}

.big_button {text-decoration:none;padding:15px 30px!important;text-align:center;font-size:1.6em;background-color:#214A14;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:#214A14;border:2px solid #214A14;}

#selectnav1{display:none;}
/* home page style */
#header_area{background: #214A14;}
#content_area{float:left;width:100%;}
#leftmain {padding: 0px; }
#footer_top_area{background: none repeat scroll 0 0 #214A14;
margin-top: 0px;
padding: 20px 0;
border-top: 5px solid #A0CA40;
width:100%;}
#footer_bottom_area{padding:15px 0px;background:#A0CA40;width:100%;}
.header{padding-top:0px;width:100%;}
.header_top{padding: 5px 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;}
#nextrace, #nextrace a {background-color:#16340a;color:white}
/* MENU RESPONSIVE */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } 
#menu {text-transform:uppercase;}
#menu ul li ul li{text-transform:none;font-size:1.1em;font-family: arial;}
#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(-2,2); -ms-transform:scale(-2,2); transform:scale(-2,2) }
#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:block;float:right;z-index:999;}
#menu, #menu .sub-nav { position:absolute; top:0px; bottom:0; width:15.25em; background:#214A14; z-index:999;  }
.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:#A0CA40!important; color: white;line-height:3em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #444 }
#menu li {cursor:pointer; border-bottom:1px solid #444 }
#menu li a {color:white; display:block; font-weight:700; font-size:1.4em; padding-left:1.1em;  text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:white; color:#214A14;}
#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:16em; margin-left:-1.3125em; background:#444 }
#menu .toggle-sub { font:bold 1.5em/1.9em Arial; color:#fff; background:#A0CA40; float:right; margin-top:-36px; width:25px; cursor:pointer; text-align:center }
.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) }
.mobile-portrait{border:1px dotted #A0CA40;width:100%;text-align:center;background-color:white;}
.back_to_pc,.back_to_responsive {text-align:center;display:inline-block;padding:5px 10px;margin-bottom: 5px;text-align:center;background-color:white;border:1px dotted #A0CA40;}
.back_to_responsive {display:none;}
@media (min-width:1000px) {.back_to_pc {display:none;}}

#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(-16.5em,0); -ms-transform:translate(-16.5em,0); transform:translate(-16.5em,0) 
	}
@media (max-width:1000px ) { .img_forum{max-width:100%;} #planning {font-size:0.9em;} #planning select {max-width:70px;} .planning_cell{max-width:94px!important;height:150px!important;} #menu {display:none;right:0px;overflow:hidden;}  .header {background-color:#214A14;color:white;border-top: 3px solid #A0CA40;} #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 .sub-nav {left: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;}
	.mobile-portrait{display:none;}
	.header {height:135px;}
	#header_area {background: url('icones/viheader23.jpg') 50% 50% no-repeat fixed;background-size: cover;}
	#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:0px; top:103px; height:0; width:100%;display:block; }
	#menu .toggle-sub { display:none; margin-right:-0.5em; 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.4em 0.1em 1.4em }
	#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:19em; border-left:1px solid #444 }
	#menu ul ul li a { padding:0 0.8em;font-size:1.2em;}
	#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:845px;margin-right: 5px;}
.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: #eee;padding:0px 10px;;width: 326px;border:1px solid #214A14;}
.single_footer_top h2{color:white;}
.single_footer_top a{color:#214A14;}
.single_footer_top ul{}
.single_footer_top ul li{}
.single_footer_top ul li a{background: #A0CA40 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:#214A14;border:1px solid #214A14;}
.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: 1000px) {
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;}
.mobile-portrait{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;
}
.big {display:none;}
.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) {
	
.p50 {font-size:10px;}
.p55 {font-size:10px;}
.p60 {font-size:10px;}
.p65 {font-size:10px;}
.p70 {font-size:10px;}
.p75 {font-size:10px;}
.p80 {font-size:10px;}
.p85 {font-size:10px;}
.p90 {font-size:10px;}
.p95 {font-size:10px;}
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%;
		padding: 0px 0px 0px;
	}
#selectnav1{display: block;height: 30px;width: 415px;}
.big {display:none;}
.mobile-portrait{display:none;}
.triangle {
border-left: 230px outset transparent;
border-right: 230px outset transparent;
}
.main_content {
margin-right: 0;
padding:0;
width: 100%;
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 {
	
	}
	
}